diff --git a/src/assets/components/themes/arya-blue/theme.css b/src/assets/components/themes/arya-blue/theme.css index ee1941436de..e45570b9457 100644 --- a/src/assets/components/themes/arya-blue/theme.css +++ b/src/assets/components/themes/arya-blue/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } - .p-autocomplete-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -435,11 +422,9 @@ background: #1e1e1e; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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); @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } - .p-cascadeselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #383838; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ 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; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } - .p-dropdown-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1042,7 +1002,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #383838; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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); @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1526,7 +1449,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #383838; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1574,7 +1492,6 @@ 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; } @@ -1582,7 +1499,6 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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); @@ -1913,7 +1816,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #383838; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-button { color: #212529; background: #64B5F6; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #64B5F6; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #78909c; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #81d4fa; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #c5e1a5; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #ffe082; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2851,9 +2726,8 @@ 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); @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ 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; @@ -2990,9 +2863,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); @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-column-filter-overlay { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ 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); @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -3445,9 +3308,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); @@ -3458,9 +3321,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); @@ -3517,7 +3380,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #1e1e1e; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #64B5F6; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .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); @@ -3989,7 +3846,6 @@ 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; @@ -4062,7 +3918,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4088,7 +3943,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4112,7 +3966,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #383838; background: #1e1e1e; @@ -4153,7 +4006,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #383838; padding: 1rem; @@ -4220,7 +4072,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #383838; border: 0 none; @@ -4231,7 +4082,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-splitter { border: 1px solid #383838; background: #1e1e1e; @@ -4253,7 +4103,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #383838; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4322,7 +4171,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #1e1e1e; border: 1px solid #383838; @@ -4333,7 +4181,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4381,7 +4228,6 @@ .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); @@ -4454,7 +4300,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4496,7 +4341,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #383838; } - .p-sidebar { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4507,7 +4351,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); @@ -4517,13 +4361,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; @@ -4537,7 +4381,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #383838; color: rgba(255, 255, 255, 0.87); @@ -4557,7 +4400,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #383838; } - .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 1rem; @@ -4597,7 +4439,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #43a5f4; color: #212529; @@ -4608,7 +4449,6 @@ color: #212529; border-color: #2396f2; } - .p-breadcrumb { background: #1e1e1e; border: 1px solid #383838; @@ -4640,7 +4480,6 @@ .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; @@ -4688,7 +4527,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 { @@ -4702,7 +4541,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 { @@ -4713,7 +4552,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 { @@ -4727,7 +4566,6 @@ 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); @@ -4751,32 +4589,31 @@ 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; @@ -4835,7 +4672,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 { @@ -4849,7 +4686,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 { @@ -4860,7 +4697,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 { @@ -4918,10 +4755,9 @@ 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; @@ -4958,7 +4794,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 { @@ -4972,7 +4808,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 { @@ -4983,7 +4819,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 { @@ -5017,7 +4853,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #1e1e1e; @@ -5056,7 +4891,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 { @@ -5087,7 +4922,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 { @@ -5101,7 +4936,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 { @@ -5112,7 +4947,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 { @@ -5129,7 +4964,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5304,7 +5138,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 { @@ -5318,7 +5152,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 { @@ -5329,7 +5163,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 { @@ -5369,7 +5203,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-slidemenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5412,7 +5245,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 { @@ -5426,7 +5259,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 { @@ -5437,7 +5270,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 { @@ -5484,7 +5317,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5529,7 +5361,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #383838; @@ -5600,7 +5431,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; } - .p-tieredmenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5651,7 +5481,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 { @@ -5665,7 +5495,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 { @@ -5676,7 +5506,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 { @@ -5690,7 +5520,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5746,7 +5575,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5835,7 +5663,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5886,7 +5713,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 { @@ -5896,7 +5723,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 { @@ -5906,7 +5733,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 { @@ -5916,10 +5743,9 @@ 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; @@ -5950,7 +5776,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 { @@ -6007,7 +5833,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; @@ -6017,7 +5843,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; } @@ -6026,29 +5852,23 @@ 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; @@ -6072,7 +5892,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #383838; border-radius: 3px; @@ -6093,11 +5912,9 @@ .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; @@ -6139,7 +5956,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #383838; color: rgba(255, 255, 255, 0.87); @@ -6175,7 +5991,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6190,7 +6005,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6206,7 +6020,6 @@ color: #212529; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6228,7 +6041,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6236,7 +6048,6 @@ .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; @@ -6269,7 +6080,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6287,14 +6097,12 @@ .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/theme.css b/src/assets/components/themes/arya-green/theme.css index 705f3658a12..7490449f657 100644 --- a/src/assets/components/themes/arya-green/theme.css +++ b/src/assets/components/themes/arya-green/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } - .p-autocomplete-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -435,11 +422,9 @@ background: #1e1e1e; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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); @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } - .p-cascadeselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #383838; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ 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; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } - .p-dropdown-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1042,7 +1002,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #383838; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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); @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1526,7 +1449,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #383838; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1574,7 +1492,6 @@ 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; } @@ -1582,7 +1499,6 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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); @@ -1913,7 +1816,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #383838; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-button { color: #212529; background: #81C784; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #81C784; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #78909c; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #81d4fa; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #c5e1a5; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #ffe082; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2851,9 +2726,8 @@ 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); @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ 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; @@ -2990,9 +2863,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); @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-column-filter-overlay { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ 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); @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -3445,9 +3308,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); @@ -3458,9 +3321,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); @@ -3517,7 +3380,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #1e1e1e; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #81C784; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .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); @@ -3989,7 +3846,6 @@ 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; @@ -4062,7 +3918,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4088,7 +3943,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4112,7 +3966,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #383838; background: #1e1e1e; @@ -4153,7 +4006,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #383838; padding: 1rem; @@ -4220,7 +4072,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #383838; border: 0 none; @@ -4231,7 +4082,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-splitter { border: 1px solid #383838; background: #1e1e1e; @@ -4253,7 +4103,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #383838; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4322,7 +4171,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #1e1e1e; border: 1px solid #383838; @@ -4333,7 +4181,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4381,7 +4228,6 @@ .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); @@ -4454,7 +4300,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4496,7 +4341,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #383838; } - .p-sidebar { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4507,7 +4351,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); @@ -4517,13 +4361,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; @@ -4537,7 +4381,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #383838; color: rgba(255, 255, 255, 0.87); @@ -4557,7 +4400,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #383838; } - .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 1rem; @@ -4597,7 +4439,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #6abd6e; color: #212529; @@ -4608,7 +4449,6 @@ color: #212529; border-color: #54b358; } - .p-breadcrumb { background: #1e1e1e; border: 1px solid #383838; @@ -4640,7 +4480,6 @@ .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; @@ -4688,7 +4527,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 { @@ -4702,7 +4541,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 { @@ -4713,7 +4552,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 { @@ -4727,7 +4566,6 @@ 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); @@ -4751,32 +4589,31 @@ 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; @@ -4835,7 +4672,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 { @@ -4849,7 +4686,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 { @@ -4860,7 +4697,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 { @@ -4918,10 +4755,9 @@ 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; @@ -4958,7 +4794,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 { @@ -4972,7 +4808,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 { @@ -4983,7 +4819,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 { @@ -5017,7 +4853,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #1e1e1e; @@ -5056,7 +4891,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 { @@ -5087,7 +4922,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 { @@ -5101,7 +4936,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 { @@ -5112,7 +4947,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 { @@ -5129,7 +4964,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5304,7 +5138,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 { @@ -5318,7 +5152,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 { @@ -5329,7 +5163,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 { @@ -5369,7 +5203,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-slidemenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5412,7 +5245,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 { @@ -5426,7 +5259,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 { @@ -5437,7 +5270,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 { @@ -5484,7 +5317,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5529,7 +5361,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #383838; @@ -5600,7 +5431,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; } - .p-tieredmenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5651,7 +5481,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 { @@ -5665,7 +5495,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 { @@ -5676,7 +5506,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 { @@ -5690,7 +5520,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5746,7 +5575,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5835,7 +5663,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5886,7 +5713,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 { @@ -5896,7 +5723,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 { @@ -5906,7 +5733,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 { @@ -5916,10 +5743,9 @@ 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; @@ -5950,7 +5776,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 { @@ -6007,7 +5833,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; @@ -6017,7 +5843,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; } @@ -6026,29 +5852,23 @@ 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; @@ -6072,7 +5892,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #383838; border-radius: 3px; @@ -6093,11 +5912,9 @@ .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; @@ -6139,7 +5956,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #383838; color: rgba(255, 255, 255, 0.87); @@ -6175,7 +5991,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6190,7 +6005,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6206,7 +6020,6 @@ color: #212529; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6228,7 +6041,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6236,7 +6048,6 @@ .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; @@ -6269,7 +6080,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6287,14 +6097,12 @@ .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/theme.css b/src/assets/components/themes/arya-orange/theme.css index ae4fd4584a3..0fd19be8b9c 100644 --- a/src/assets/components/themes/arya-orange/theme.css +++ b/src/assets/components/themes/arya-orange/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } - .p-autocomplete-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -435,11 +422,9 @@ background: #1e1e1e; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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); @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } - .p-cascadeselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #383838; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ 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; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } - .p-dropdown-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1042,7 +1002,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #383838; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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); @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1526,7 +1449,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #383838; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1574,7 +1492,6 @@ 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; } @@ -1582,7 +1499,6 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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); @@ -1913,7 +1816,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #383838; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-button { color: #212529; background: #FFD54F; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #FFD54F; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #78909c; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #81d4fa; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #c5e1a5; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #ffe082; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2851,9 +2726,8 @@ 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); @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ 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; @@ -2990,9 +2863,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); @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-column-filter-overlay { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ 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); @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -3445,9 +3308,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); @@ -3458,9 +3321,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); @@ -3517,7 +3380,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #1e1e1e; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #FFD54F; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .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); @@ -3989,7 +3846,6 @@ 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; @@ -4062,7 +3918,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4088,7 +3943,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4112,7 +3966,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #383838; background: #1e1e1e; @@ -4153,7 +4006,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #383838; padding: 1rem; @@ -4220,7 +4072,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #383838; border: 0 none; @@ -4231,7 +4082,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-splitter { border: 1px solid #383838; background: #1e1e1e; @@ -4253,7 +4103,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #383838; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4322,7 +4171,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #1e1e1e; border: 1px solid #383838; @@ -4333,7 +4181,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4381,7 +4228,6 @@ .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); @@ -4454,7 +4300,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4496,7 +4341,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #383838; } - .p-sidebar { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4507,7 +4351,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); @@ -4517,13 +4361,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; @@ -4537,7 +4381,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #383838; color: rgba(255, 255, 255, 0.87); @@ -4557,7 +4400,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #383838; } - .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 1rem; @@ -4597,7 +4439,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #ffcd2e; color: #212529; @@ -4608,7 +4449,6 @@ color: #212529; border-color: #ffc50c; } - .p-breadcrumb { background: #1e1e1e; border: 1px solid #383838; @@ -4640,7 +4480,6 @@ .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; @@ -4688,7 +4527,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 { @@ -4702,7 +4541,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 { @@ -4713,7 +4552,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 { @@ -4727,7 +4566,6 @@ 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); @@ -4751,32 +4589,31 @@ 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; @@ -4835,7 +4672,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 { @@ -4849,7 +4686,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 { @@ -4860,7 +4697,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 { @@ -4918,10 +4755,9 @@ 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; @@ -4958,7 +4794,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 { @@ -4972,7 +4808,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 { @@ -4983,7 +4819,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 { @@ -5017,7 +4853,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #1e1e1e; @@ -5056,7 +4891,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 { @@ -5087,7 +4922,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 { @@ -5101,7 +4936,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 { @@ -5112,7 +4947,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 { @@ -5129,7 +4964,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5304,7 +5138,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 { @@ -5318,7 +5152,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 { @@ -5329,7 +5163,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 { @@ -5369,7 +5203,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-slidemenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5412,7 +5245,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 { @@ -5426,7 +5259,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 { @@ -5437,7 +5270,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 { @@ -5484,7 +5317,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5529,7 +5361,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #383838; @@ -5600,7 +5431,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; } - .p-tieredmenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5651,7 +5481,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 { @@ -5665,7 +5495,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 { @@ -5676,7 +5506,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 { @@ -5690,7 +5520,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5746,7 +5575,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5835,7 +5663,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5886,7 +5713,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 { @@ -5896,7 +5723,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 { @@ -5906,7 +5733,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 { @@ -5916,10 +5743,9 @@ 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; @@ -5950,7 +5776,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 { @@ -6007,7 +5833,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; @@ -6017,7 +5843,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; } @@ -6026,29 +5852,23 @@ 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; @@ -6072,7 +5892,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #383838; border-radius: 3px; @@ -6093,11 +5912,9 @@ .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; @@ -6139,7 +5956,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #383838; color: rgba(255, 255, 255, 0.87); @@ -6175,7 +5991,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6190,7 +6005,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6206,7 +6020,6 @@ color: #212529; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6228,7 +6041,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6236,7 +6048,6 @@ .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; @@ -6269,7 +6080,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6287,14 +6097,12 @@ .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/theme.css b/src/assets/components/themes/arya-purple/theme.css index 3180330ea9d..e0e49d76bdc 100644 --- a/src/assets/components/themes/arya-purple/theme.css +++ b/src/assets/components/themes/arya-purple/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } - .p-autocomplete-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -435,11 +422,9 @@ background: #1e1e1e; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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); @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } - .p-cascadeselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #383838; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ 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; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } - .p-dropdown-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1042,7 +1002,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #383838; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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); @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -1526,7 +1449,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #383838; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1574,7 +1492,6 @@ 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; } @@ -1582,7 +1499,6 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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); @@ -1913,7 +1816,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #383838; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-button { color: #ffffff; background: #BA68C8; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #BA68C8; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #78909c; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #81d4fa; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #c5e1a5; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #ffe082; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2851,9 +2726,8 @@ 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); @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ 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; @@ -2990,9 +2863,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); @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-column-filter-overlay { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ 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); @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); @@ -3445,9 +3308,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); @@ -3458,9 +3321,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); @@ -3517,7 +3380,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #1e1e1e; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #BA68C8; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .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); @@ -3989,7 +3846,6 @@ 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; @@ -4062,7 +3918,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4088,7 +3943,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4112,7 +3966,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #383838; background: #1e1e1e; @@ -4153,7 +4006,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #383838; padding: 1rem; @@ -4220,7 +4072,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #383838; border: 0 none; @@ -4231,7 +4082,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-splitter { border: 1px solid #383838; background: #1e1e1e; @@ -4253,7 +4103,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #383838; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4322,7 +4171,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #1e1e1e; border: 1px solid #383838; @@ -4333,7 +4181,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4381,7 +4228,6 @@ .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); @@ -4454,7 +4300,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4496,7 +4341,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #383838; } - .p-sidebar { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4507,7 +4351,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); @@ -4517,13 +4361,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; @@ -4537,7 +4381,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #383838; color: rgba(255, 255, 255, 0.87); @@ -4557,7 +4400,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #383838; } - .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 1rem; @@ -4597,7 +4439,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #b052c0; color: #ffffff; @@ -4608,7 +4449,6 @@ color: #ffffff; border-color: #a241b2; } - .p-breadcrumb { background: #1e1e1e; border: 1px solid #383838; @@ -4640,7 +4480,6 @@ .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; @@ -4688,7 +4527,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 { @@ -4702,7 +4541,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 { @@ -4713,7 +4552,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 { @@ -4727,7 +4566,6 @@ 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); @@ -4751,32 +4589,31 @@ 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; @@ -4835,7 +4672,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 { @@ -4849,7 +4686,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 { @@ -4860,7 +4697,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 { @@ -4918,10 +4755,9 @@ 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; @@ -4958,7 +4794,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 { @@ -4972,7 +4808,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 { @@ -4983,7 +4819,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 { @@ -5017,7 +4853,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #1e1e1e; @@ -5056,7 +4891,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 { @@ -5087,7 +4922,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 { @@ -5101,7 +4936,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 { @@ -5112,7 +4947,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 { @@ -5129,7 +4964,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5304,7 +5138,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 { @@ -5318,7 +5152,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 { @@ -5329,7 +5163,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 { @@ -5369,7 +5203,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-slidemenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5412,7 +5245,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 { @@ -5426,7 +5259,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 { @@ -5437,7 +5270,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 { @@ -5484,7 +5317,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5529,7 +5361,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #383838; @@ -5600,7 +5431,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; } - .p-tieredmenu { padding: 0.25rem 0; background: #1e1e1e; @@ -5651,7 +5481,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 { @@ -5665,7 +5495,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 { @@ -5676,7 +5506,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 { @@ -5690,7 +5520,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5746,7 +5575,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5835,7 +5663,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5886,7 +5713,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 { @@ -5896,7 +5723,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 { @@ -5906,7 +5733,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 { @@ -5916,10 +5743,9 @@ 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; @@ -5950,7 +5776,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 { @@ -6007,7 +5833,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; @@ -6017,7 +5843,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; } @@ -6026,29 +5852,23 @@ 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; @@ -6072,7 +5892,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #383838; border-radius: 3px; @@ -6093,11 +5912,9 @@ .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; @@ -6139,7 +5956,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #383838; color: rgba(255, 255, 255, 0.87); @@ -6175,7 +5991,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6190,7 +6005,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6206,7 +6020,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6228,7 +6041,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6236,7 +6048,6 @@ .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; @@ -6269,7 +6080,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6287,14 +6097,12 @@ .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/bootstrap4-dark-blue/theme.css b/src/assets/components/themes/bootstrap4-dark-blue/theme.css index 7b7fcf84cdf..0d722e18212 100644 --- a/src/assets/components/themes/bootstrap4-dark-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-blue/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f19ea6; } - .p-autocomplete-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -435,11 +422,9 @@ background: #2a323d; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f19ea6; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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); @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f19ea6; } - .p-cascadeselect-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #3f4b5b; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ 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; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,19 +826,15 @@ .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; } @@ -907,11 +873,9 @@ 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; } @@ -919,26 +883,22 @@ 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; @@ -982,7 +942,6 @@ .p-dropdown.p-invalid.p-component { border-color: #f19ea6; } - .p-dropdown-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1046,7 +1005,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #3f4b5b; } @@ -1059,11 +1017,9 @@ .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-inputgroup-addon { background: #2a323d; color: rgba(255, 255, 255, 0.6); @@ -1076,68 +1032,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f19ea6; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1145,11 +1093,9 @@ 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; } @@ -1157,14 +1103,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1203,11 +1147,9 @@ .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); @@ -1240,57 +1182,45 @@ 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; } - ::-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; } @@ -1300,17 +1230,14 @@ .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); @@ -1385,11 +1312,9 @@ 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; @@ -1429,11 +1354,9 @@ 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; } @@ -1441,7 +1364,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1530,7 +1452,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #3f4b5b; } @@ -1540,15 +1461,12 @@ .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; @@ -1570,7 +1488,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #9fdaa8; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1578,7 +1495,6 @@ 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; } @@ -1586,7 +1502,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1624,11 +1539,9 @@ 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; } @@ -1641,15 +1554,12 @@ .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; } @@ -1680,11 +1590,9 @@ .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; @@ -1692,7 +1600,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 { @@ -1701,7 +1609,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 { @@ -1710,7 +1618,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 { @@ -1719,14 +1627,12 @@ 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; @@ -1778,7 +1684,6 @@ .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; @@ -1786,7 +1691,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 { @@ -1795,7 +1700,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 { @@ -1804,7 +1709,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 { @@ -1813,14 +1718,12 @@ 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; @@ -1857,15 +1760,12 @@ 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); @@ -1925,7 +1825,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #3f4b5b; } @@ -1935,7 +1834,6 @@ .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; } @@ -1943,7 +1841,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-button { color: #151515; background: #8dd0ff; @@ -2055,7 +1952,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 { @@ -2082,7 +1979,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2095,421 +1991,414 @@ .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; @@ -2533,7 +2422,6 @@ color: #8dd0ff; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2545,17 +2433,14 @@ 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; @@ -2566,52 +2451,45 @@ 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; } @@ -2689,7 +2567,6 @@ .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; @@ -2718,7 +2595,6 @@ border-color: transparent; color: #6c757d; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #7fd8e6; @@ -2747,7 +2623,6 @@ border-color: transparent; color: #7fd8e6; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #9fdaa8; @@ -2776,7 +2651,6 @@ border-color: transparent; color: #9fdaa8; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2805,7 +2679,6 @@ border-color: transparent; color: #ffe082; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #b7a2e0; @@ -2834,7 +2707,6 @@ border-color: transparent; color: #b7a2e0; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f19ea6; @@ -2863,9 +2735,8 @@ 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); @@ -2876,13 +2747,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; @@ -2908,7 +2779,6 @@ background: #8dd0ff; color: #151515; } - .p-datatable .p-paginator-top { border-width: 0; border-radius: 0; @@ -3002,9 +2872,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); @@ -3014,17 +2884,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; @@ -3054,12 +2924,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 { @@ -3162,7 +3032,6 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } - .p-dataview .p-paginator-top { border-width: 0; border-radius: 0; @@ -3201,12 +3070,10 @@ .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; @@ -3234,7 +3101,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3254,7 +3120,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } - .p-column-filter-overlay { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -3292,7 +3157,6 @@ 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; @@ -3321,7 +3185,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3399,7 +3262,6 @@ .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; @@ -3408,7 +3270,6 @@ 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); @@ -3447,7 +3308,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } - .p-paginator { background: #2a323d; color: #8dd0ff; @@ -3457,9 +3317,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; @@ -3470,9 +3330,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; @@ -3529,7 +3389,6 @@ border-color: #3f4b5b; color: #8dd0ff; } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3607,7 +3466,6 @@ .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; @@ -3616,7 +3474,6 @@ background: #2a323d; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3628,20 +3485,19 @@ 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; @@ -3698,11 +3554,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 { @@ -3775,7 +3631,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } - .p-treetable .p-paginator-top { border-width: 0; border-radius: 0; @@ -3915,7 +3770,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 { @@ -3976,7 +3831,6 @@ .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); @@ -4001,7 +3855,6 @@ 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; @@ -4074,7 +3927,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-card { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4100,7 +3952,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #2a323d; } @@ -4124,7 +3975,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #3f4b5b; background: #2a323d; @@ -4165,7 +4015,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #3f4b5b; padding: 1rem 1.25rem; @@ -4232,7 +4081,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #3f4b5b; border: 0 none; @@ -4243,7 +4091,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } - .p-splitter { border: 1px solid #3f4b5b; background: #2a323d; @@ -4265,7 +4112,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #3f4b5b; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4334,7 +4180,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-toolbar { background: #2a323d; border: 1px solid #3f4b5b; @@ -4345,7 +4190,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4393,7 +4237,6 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } - .p-dialog { border-radius: 4px; box-shadow: none; @@ -4466,7 +4309,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4508,7 +4350,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #3f4b5b; } - .p-sidebar { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4519,7 +4360,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); @@ -4529,13 +4370,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; @@ -4549,7 +4390,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem 1.25rem; } - .p-tooltip .p-tooltip-text { background: #3f4b5b; color: rgba(255, 255, 255, 0.87); @@ -4569,7 +4409,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #3f4b5b; } - .p-fileupload .p-fileupload-buttonbar { background: #2a323d; padding: 1rem 1.25rem; @@ -4609,7 +4448,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #56bdff; color: #151515; @@ -4620,7 +4458,6 @@ color: #151515; border-color: #1dadff; } - .p-breadcrumb { background: #343e4d; border: 0 none; @@ -4652,7 +4489,6 @@ .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; @@ -4700,7 +4536,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 { @@ -4714,7 +4550,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 { @@ -4725,7 +4561,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 { @@ -4739,7 +4575,6 @@ 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); @@ -4763,32 +4598,31 @@ 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; @@ -4847,7 +4681,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 { @@ -4861,7 +4695,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 { @@ -4872,7 +4706,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 { @@ -4930,10 +4764,9 @@ 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; @@ -4970,7 +4803,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 { @@ -4984,7 +4817,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 { @@ -4995,7 +4828,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 { @@ -5029,7 +4862,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem 1rem; background: #343e4d; @@ -5068,7 +4900,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 { @@ -5099,7 +4931,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 { @@ -5113,7 +4945,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 { @@ -5124,7 +4956,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 { @@ -5141,7 +4973,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5316,7 +5147,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 { @@ -5330,7 +5161,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 { @@ -5341,7 +5172,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 { @@ -5381,7 +5212,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #2a323d; @@ -5424,7 +5254,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 +5268,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 +5279,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,7 +5326,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.15s; @@ -5541,7 +5370,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #3f4b5b; @@ -5612,7 +5440,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #e3f3fe; } - .p-tieredmenu { padding: 0.5rem 0; background: #2a323d; @@ -5663,7 +5490,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 { @@ -5677,7 +5504,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 { @@ -5688,7 +5515,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 { @@ -5702,7 +5529,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; @@ -5758,7 +5584,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 4px; @@ -5847,7 +5672,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 1; } @@ -5898,7 +5722,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 { @@ -5908,7 +5732,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 { @@ -5918,7 +5742,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 { @@ -5928,10 +5752,9 @@ 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; @@ -5962,7 +5785,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 { @@ -6019,7 +5842,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); @@ -6029,7 +5852,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); } @@ -6038,29 +5861,23 @@ 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; @@ -6084,7 +5901,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #3f4b5b; border-radius: 4px; @@ -6105,11 +5921,9 @@ .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; @@ -6151,7 +5965,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #3f4b5b; color: rgba(255, 255, 255, 0.87); @@ -6187,7 +6000,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 4px; @@ -6202,7 +6014,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6218,7 +6029,6 @@ color: #151515; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6240,7 +6050,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 4px; @@ -6248,7 +6057,6 @@ .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; @@ -6281,7 +6089,6 @@ 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 b0a3a9736e3..cfe50c0da55 100644 --- a/src/assets/components/themes/bootstrap4-dark-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-dark-purple/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f19ea6; } - .p-autocomplete-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -435,11 +422,9 @@ background: #2a323d; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f19ea6; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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); @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f19ea6; } - .p-cascadeselect-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #3f4b5b; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ 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; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,19 +826,15 @@ .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; } @@ -907,11 +873,9 @@ 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; } @@ -919,26 +883,22 @@ 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; @@ -982,7 +942,6 @@ .p-dropdown.p-invalid.p-component { border-color: #f19ea6; } - .p-dropdown-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1046,7 +1005,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #3f4b5b; } @@ -1059,11 +1017,9 @@ .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-inputgroup-addon { background: #2a323d; color: rgba(255, 255, 255, 0.6); @@ -1076,68 +1032,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f19ea6; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1145,11 +1093,9 @@ 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; } @@ -1157,14 +1103,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1203,11 +1147,9 @@ .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); @@ -1240,57 +1182,45 @@ 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; } - ::-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; } @@ -1300,17 +1230,14 @@ .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); @@ -1385,11 +1312,9 @@ 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; @@ -1429,11 +1354,9 @@ 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; } @@ -1441,7 +1364,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -1530,7 +1452,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #3f4b5b; } @@ -1540,15 +1461,12 @@ .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; @@ -1570,7 +1488,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #9fdaa8; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1578,7 +1495,6 @@ 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; } @@ -1586,7 +1502,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1624,11 +1539,9 @@ 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; } @@ -1641,15 +1554,12 @@ .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; } @@ -1680,11 +1590,9 @@ .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; @@ -1692,7 +1600,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 { @@ -1701,7 +1609,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 { @@ -1710,7 +1618,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 { @@ -1719,14 +1627,12 @@ 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; @@ -1778,7 +1684,6 @@ .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; @@ -1786,7 +1691,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 { @@ -1795,7 +1700,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 { @@ -1804,7 +1709,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 { @@ -1813,14 +1718,12 @@ 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; @@ -1857,15 +1760,12 @@ 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); @@ -1925,7 +1825,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #3f4b5b; } @@ -1935,7 +1834,6 @@ .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; } @@ -1943,7 +1841,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-button { color: #151515; background: #c298d8; @@ -2055,7 +1952,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 { @@ -2082,7 +1979,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2095,421 +1991,414 @@ .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; @@ -2533,7 +2422,6 @@ color: #c298d8; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2545,17 +2433,14 @@ 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; @@ -2566,52 +2451,45 @@ 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; } @@ -2689,7 +2567,6 @@ .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; @@ -2718,7 +2595,6 @@ border-color: transparent; color: #6c757d; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #7fd8e6; @@ -2747,7 +2623,6 @@ border-color: transparent; color: #7fd8e6; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #9fdaa8; @@ -2776,7 +2651,6 @@ border-color: transparent; color: #9fdaa8; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2805,7 +2679,6 @@ border-color: transparent; color: #ffe082; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #b7a2e0; @@ -2834,7 +2707,6 @@ border-color: transparent; color: #b7a2e0; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f19ea6; @@ -2863,9 +2735,8 @@ 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); @@ -2876,13 +2747,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; @@ -2908,7 +2779,6 @@ background: #c298d8; color: #151515; } - .p-datatable .p-paginator-top { border-width: 0; border-radius: 0; @@ -3002,9 +2872,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); @@ -3014,17 +2884,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; @@ -3054,12 +2924,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 { @@ -3162,7 +3032,6 @@ .p-datatable.p-datatable-lg .p-datatable-footer { padding: 1.25rem 1.25rem; } - .p-dataview .p-paginator-top { border-width: 0; border-radius: 0; @@ -3201,12 +3070,10 @@ .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; @@ -3234,7 +3101,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3254,7 +3120,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } - .p-column-filter-overlay { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -3292,7 +3157,6 @@ 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; @@ -3321,7 +3185,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3399,7 +3262,6 @@ .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; @@ -3408,7 +3270,6 @@ 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); @@ -3447,7 +3308,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } - .p-paginator { background: #2a323d; color: #c298d8; @@ -3457,9 +3317,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; @@ -3470,9 +3330,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; @@ -3529,7 +3389,6 @@ border-color: #3f4b5b; color: #c298d8; } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3607,7 +3466,6 @@ .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; @@ -3616,7 +3474,6 @@ background: #2a323d; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3628,20 +3485,19 @@ 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; @@ -3698,11 +3554,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 { @@ -3775,7 +3631,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } - .p-treetable .p-paginator-top { border-width: 0; border-radius: 0; @@ -3915,7 +3770,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 { @@ -3976,7 +3831,6 @@ .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); @@ -4001,7 +3855,6 @@ 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; @@ -4074,7 +3927,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-card { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4100,7 +3952,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #2a323d; } @@ -4124,7 +3975,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #3f4b5b; background: #2a323d; @@ -4165,7 +4015,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #3f4b5b; padding: 1rem 1.25rem; @@ -4232,7 +4081,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #3f4b5b; border: 0 none; @@ -4243,7 +4091,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } - .p-splitter { border: 1px solid #3f4b5b; background: #2a323d; @@ -4265,7 +4112,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #3f4b5b; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4334,7 +4180,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-toolbar { background: #2a323d; border: 1px solid #3f4b5b; @@ -4345,7 +4190,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4393,7 +4237,6 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } - .p-dialog { border-radius: 4px; box-shadow: none; @@ -4466,7 +4309,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4508,7 +4350,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #3f4b5b; } - .p-sidebar { background: #2a323d; color: rgba(255, 255, 255, 0.87); @@ -4519,7 +4360,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); @@ -4529,13 +4370,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; @@ -4549,7 +4390,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem 1.25rem; } - .p-tooltip .p-tooltip-text { background: #3f4b5b; color: rgba(255, 255, 255, 0.87); @@ -4569,7 +4409,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #3f4b5b; } - .p-fileupload .p-fileupload-buttonbar { background: #2a323d; padding: 1rem 1.25rem; @@ -4609,7 +4448,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #aa70c7; color: #151515; @@ -4620,7 +4458,6 @@ color: #151515; border-color: #9954bb; } - .p-breadcrumb { background: #343e4d; border: 0 none; @@ -4652,7 +4489,6 @@ .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; @@ -4700,7 +4536,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 { @@ -4714,7 +4550,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 { @@ -4725,7 +4561,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 { @@ -4739,7 +4575,6 @@ 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); @@ -4763,32 +4598,31 @@ 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; @@ -4847,7 +4681,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 { @@ -4861,7 +4695,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 { @@ -4872,7 +4706,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 { @@ -4930,10 +4764,9 @@ 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; @@ -4970,7 +4803,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 { @@ -4984,7 +4817,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 { @@ -4995,7 +4828,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 { @@ -5029,7 +4862,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem 1rem; background: #343e4d; @@ -5068,7 +4900,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 { @@ -5099,7 +4931,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 { @@ -5113,7 +4945,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 { @@ -5124,7 +4956,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 { @@ -5141,7 +4973,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5316,7 +5147,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 { @@ -5330,7 +5161,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 { @@ -5341,7 +5172,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 { @@ -5381,7 +5212,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #2a323d; @@ -5424,7 +5254,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 +5268,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 +5279,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,7 +5326,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.15s; @@ -5541,7 +5370,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #3f4b5b; @@ -5612,7 +5440,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #f0e6f5; } - .p-tieredmenu { padding: 0.5rem 0; background: #2a323d; @@ -5663,7 +5490,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 { @@ -5677,7 +5504,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 { @@ -5688,7 +5515,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 { @@ -5702,7 +5529,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; @@ -5758,7 +5584,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 4px; @@ -5847,7 +5672,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 1; } @@ -5898,7 +5722,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 { @@ -5908,7 +5732,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 { @@ -5918,7 +5742,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 { @@ -5928,10 +5752,9 @@ 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; @@ -5962,7 +5785,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 { @@ -6019,7 +5842,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); @@ -6029,7 +5852,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); } @@ -6038,29 +5861,23 @@ 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; @@ -6084,7 +5901,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #3f4b5b; border-radius: 4px; @@ -6105,11 +5921,9 @@ .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; @@ -6151,7 +5965,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #3f4b5b; color: rgba(255, 255, 255, 0.87); @@ -6187,7 +6000,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 4px; @@ -6202,7 +6014,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6218,7 +6029,6 @@ color: #151515; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6240,7 +6050,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 4px; @@ -6248,7 +6057,6 @@ .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; @@ -6281,7 +6089,6 @@ 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 8e2e1f922c0..d6234e4f161 100644 --- a/src/assets/components/themes/bootstrap4-light-blue/theme.css +++ b/src/assets/components/themes/bootstrap4-light-blue/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #dc3545; } - .p-autocomplete-panel { background: #ffffff; color: #212529; @@ -435,11 +422,9 @@ background: #ffffff; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #dc3545; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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; @@ -500,13 +481,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); @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ 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; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #dc3545; } - .p-cascadeselect-panel { background: #ffffff; color: #212529; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #efefef; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #495057; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,19 +826,15 @@ .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; } @@ -907,11 +873,9 @@ 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; } @@ -919,26 +883,22 @@ 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; @@ -982,7 +942,6 @@ .p-dropdown.p-invalid.p-component { border-color: #dc3545; } - .p-dropdown-panel { background: #ffffff; color: #212529; @@ -1046,7 +1005,6 @@ color: #212529; background: transparent; } - .p-input-filled .p-dropdown { background: #efefef; } @@ -1059,11 +1017,9 @@ .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-inputgroup-addon { background: #e9ecef; color: #495057; @@ -1076,68 +1032,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #dc3545; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1145,11 +1093,9 @@ 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; } @@ -1157,14 +1103,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1203,11 +1147,9 @@ .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); @@ -1240,57 +1182,45 @@ 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; } - ::-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; } @@ -1300,17 +1230,14 @@ .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; @@ -1385,11 +1312,9 @@ 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; @@ -1429,11 +1354,9 @@ 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; } @@ -1441,7 +1364,6 @@ color: #495057; right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: #212529; @@ -1530,7 +1452,6 @@ color: #212529; background: transparent; } - .p-input-filled .p-multiselect { background: #efefef; } @@ -1540,15 +1461,12 @@ .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; @@ -1570,7 +1488,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #28a745; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1578,7 +1495,6 @@ color: #495057; right: 0.75rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1586,7 +1502,6 @@ color: #495057; right: 2.5rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1624,11 +1539,9 @@ 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; } @@ -1641,15 +1554,12 @@ .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; } @@ -1680,11 +1590,9 @@ .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; @@ -1692,7 +1600,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 { @@ -1701,7 +1609,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 { @@ -1710,7 +1618,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 { @@ -1719,14 +1627,12 @@ 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; @@ -1778,7 +1684,6 @@ .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; @@ -1786,7 +1691,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 { @@ -1795,7 +1700,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 { @@ -1804,7 +1709,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 { @@ -1813,14 +1718,12 @@ 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; @@ -1857,15 +1760,12 @@ 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; @@ -1925,7 +1825,6 @@ color: #212529; background: transparent; } - .p-input-filled .p-treeselect { background: #efefef; } @@ -1935,7 +1834,6 @@ .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; } @@ -1943,7 +1841,6 @@ color: #495057; right: 2.357rem; } - .p-button { color: #ffffff; background: #007bff; @@ -2055,7 +1952,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 { @@ -2082,7 +1979,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2095,421 +1991,414 @@ .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; @@ -2533,7 +2422,6 @@ color: #007bff; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2545,17 +2433,14 @@ 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; @@ -2566,52 +2451,45 @@ 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; } @@ -2689,7 +2567,6 @@ .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; @@ -2718,7 +2595,6 @@ border-color: transparent; color: #6c757d; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #17a2b8; @@ -2747,7 +2623,6 @@ border-color: transparent; color: #17a2b8; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #28a745; @@ -2776,7 +2651,6 @@ border-color: transparent; color: #28a745; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffc107; @@ -2805,7 +2679,6 @@ border-color: transparent; color: #ffc107; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #6f42c1; @@ -2834,7 +2707,6 @@ border-color: transparent; color: #6f42c1; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #dc3545; @@ -2863,9 +2735,8 @@ 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; @@ -2876,13 +2747,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); @@ -2908,7 +2779,6 @@ background: #007bff; color: #ffffff; } - .p-datatable .p-paginator-top { border-width: 1px 0 0 0; border-radius: 0; @@ -3002,9 +2872,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; @@ -3014,17 +2884,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); @@ -3054,12 +2924,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 { @@ -3162,7 +3032,6 @@ .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; @@ -3201,12 +3070,10 @@ .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; @@ -3234,7 +3101,6 @@ 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; @@ -3254,7 +3120,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } - .p-column-filter-overlay { background: #ffffff; color: #212529; @@ -3292,7 +3157,6 @@ 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; @@ -3321,7 +3185,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3399,7 +3262,6 @@ .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; @@ -3408,7 +3270,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #212529; @@ -3447,7 +3308,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } - .p-paginator { background: #ffffff; color: #007bff; @@ -3457,9 +3317,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; @@ -3470,9 +3330,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; @@ -3529,7 +3389,6 @@ border-color: #dee2e6; color: #007bff; } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3607,7 +3466,6 @@ .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; @@ -3616,7 +3474,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3628,20 +3485,19 @@ 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; @@ -3698,11 +3554,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 { @@ -3775,7 +3631,6 @@ 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; @@ -3915,7 +3770,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 { @@ -3976,7 +3831,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #efefef; color: #212529; @@ -4001,7 +3855,6 @@ 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; @@ -4074,7 +3927,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-card { background: #ffffff; color: #212529; @@ -4100,7 +3952,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4124,7 +3975,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4165,7 +4015,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem 1.25rem; @@ -4232,7 +4081,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #efefef; border: 0 none; @@ -4243,7 +4091,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } - .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4265,7 +4112,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4334,7 +4180,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-toolbar { background: #efefef; border: 1px solid #dee2e6; @@ -4345,7 +4190,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #212529; @@ -4393,7 +4237,6 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } - .p-dialog { border-radius: 4px; box-shadow: none; @@ -4466,7 +4309,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #212529; @@ -4508,7 +4350,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: rgba(0, 0, 0, 0.2); } - .p-sidebar { background: #ffffff; color: #212529; @@ -4519,7 +4360,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; @@ -4529,13 +4370,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); @@ -4549,7 +4390,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem 1.25rem; } - .p-tooltip .p-tooltip-text { background: #212529; color: #ffffff; @@ -4569,7 +4409,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #212529; } - .p-fileupload .p-fileupload-buttonbar { background: #efefef; padding: 1rem 1.25rem; @@ -4609,7 +4448,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #0069d9; color: #ffffff; @@ -4620,7 +4458,6 @@ color: #ffffff; border-color: #0062cc; } - .p-breadcrumb { background: #efefef; border: 0 none; @@ -4652,7 +4489,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6c757d; } - .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4700,7 +4536,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 { @@ -4714,7 +4550,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 { @@ -4725,7 +4561,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 { @@ -4739,7 +4575,6 @@ 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); @@ -4763,32 +4598,31 @@ 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; @@ -4847,7 +4681,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 { @@ -4861,7 +4695,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 { @@ -4872,7 +4706,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 { @@ -4930,10 +4764,9 @@ 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; @@ -4970,7 +4803,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 { @@ -4984,7 +4817,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 { @@ -4995,7 +4828,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 { @@ -5029,7 +4862,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem 1rem; background: #efefef; @@ -5068,7 +4900,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 { @@ -5099,7 +4931,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 { @@ -5113,7 +4945,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 { @@ -5124,7 +4956,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 { @@ -5141,7 +4973,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5316,7 +5147,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 { @@ -5330,7 +5161,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 { @@ -5341,7 +5172,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 { @@ -5381,7 +5212,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5424,7 +5254,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 { @@ -5438,7 +5268,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 { @@ -5449,7 +5279,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 { @@ -5496,7 +5326,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.15s; @@ -5541,7 +5370,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #dee2e6; @@ -5612,7 +5440,6 @@ 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; @@ -5663,7 +5490,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 { @@ -5677,7 +5504,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 { @@ -5688,7 +5515,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 { @@ -5702,7 +5529,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; @@ -5758,7 +5584,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 4px; @@ -5847,7 +5672,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 1; } @@ -5898,7 +5722,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 { @@ -5908,7 +5732,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 { @@ -5918,7 +5742,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 { @@ -5928,10 +5752,9 @@ 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; @@ -5962,7 +5785,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 { @@ -6019,7 +5842,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; @@ -6029,7 +5852,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; } @@ -6038,29 +5861,23 @@ 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; @@ -6084,7 +5901,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #dee2e6; border-radius: 4px; @@ -6105,11 +5921,9 @@ .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; @@ -6151,7 +5965,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #dee2e6; color: #212529; @@ -6187,7 +6000,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 4px; @@ -6202,7 +6014,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6218,7 +6029,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6240,7 +6050,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #e9ecef; border-radius: 4px; @@ -6248,7 +6057,6 @@ .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; @@ -6281,7 +6089,6 @@ 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 cf47b51e0d0..e8327fa8aeb 100644 --- a/src/assets/components/themes/bootstrap4-light-purple/theme.css +++ b/src/assets/components/themes/bootstrap4-light-purple/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #dc3545; } - .p-autocomplete-panel { background: #ffffff; color: #212529; @@ -435,11 +422,9 @@ background: #ffffff; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #dc3545; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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; @@ -500,13 +481,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); @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ 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; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #dc3545; } - .p-cascadeselect-panel { background: #ffffff; color: #212529; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #efefef; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #495057; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,19 +826,15 @@ .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; } @@ -907,11 +873,9 @@ 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; } @@ -919,26 +883,22 @@ 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; @@ -982,7 +942,6 @@ .p-dropdown.p-invalid.p-component { border-color: #dc3545; } - .p-dropdown-panel { background: #ffffff; color: #212529; @@ -1046,7 +1005,6 @@ color: #212529; background: transparent; } - .p-input-filled .p-dropdown { background: #efefef; } @@ -1059,11 +1017,9 @@ .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-inputgroup-addon { background: #e9ecef; color: #495057; @@ -1076,68 +1032,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #dc3545; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1145,11 +1093,9 @@ 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; } @@ -1157,14 +1103,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1203,11 +1147,9 @@ .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); @@ -1240,57 +1182,45 @@ 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; } - ::-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; } @@ -1300,17 +1230,14 @@ .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; @@ -1385,11 +1312,9 @@ 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; @@ -1429,11 +1354,9 @@ 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; } @@ -1441,7 +1364,6 @@ color: #495057; right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: #212529; @@ -1530,7 +1452,6 @@ color: #212529; background: transparent; } - .p-input-filled .p-multiselect { background: #efefef; } @@ -1540,15 +1461,12 @@ .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; @@ -1570,7 +1488,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #28a745; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1578,7 +1495,6 @@ color: #495057; right: 0.75rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1586,7 +1502,6 @@ color: #495057; right: 2.5rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1624,11 +1539,9 @@ 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; } @@ -1641,15 +1554,12 @@ .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; } @@ -1680,11 +1590,9 @@ .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; @@ -1692,7 +1600,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 { @@ -1701,7 +1609,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 { @@ -1710,7 +1618,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 { @@ -1719,14 +1627,12 @@ 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; @@ -1778,7 +1684,6 @@ .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; @@ -1786,7 +1691,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 { @@ -1795,7 +1700,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 { @@ -1804,7 +1709,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 { @@ -1813,14 +1718,12 @@ 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; @@ -1857,15 +1760,12 @@ 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; @@ -1925,7 +1825,6 @@ color: #212529; background: transparent; } - .p-input-filled .p-treeselect { background: #efefef; } @@ -1935,7 +1834,6 @@ .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; } @@ -1943,7 +1841,6 @@ color: #495057; right: 2.357rem; } - .p-button { color: #ffffff; background: #883cae; @@ -2055,7 +1952,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 { @@ -2082,7 +1979,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2095,421 +1991,414 @@ .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; @@ -2533,7 +2422,6 @@ color: #883cae; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2545,17 +2433,14 @@ 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; @@ -2566,52 +2451,45 @@ 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; } @@ -2689,7 +2567,6 @@ .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; @@ -2718,7 +2595,6 @@ border-color: transparent; color: #6c757d; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #17a2b8; @@ -2747,7 +2623,6 @@ border-color: transparent; color: #17a2b8; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #28a745; @@ -2776,7 +2651,6 @@ border-color: transparent; color: #28a745; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffc107; @@ -2805,7 +2679,6 @@ border-color: transparent; color: #ffc107; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #6f42c1; @@ -2834,7 +2707,6 @@ border-color: transparent; color: #6f42c1; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #dc3545; @@ -2863,9 +2735,8 @@ 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; @@ -2876,13 +2747,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); @@ -2908,7 +2779,6 @@ background: #883cae; color: #ffffff; } - .p-datatable .p-paginator-top { border-width: 1px 0 0 0; border-radius: 0; @@ -3002,9 +2872,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; @@ -3014,17 +2884,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); @@ -3054,12 +2924,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 { @@ -3162,7 +3032,6 @@ .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; @@ -3201,12 +3070,10 @@ .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; @@ -3234,7 +3101,6 @@ 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; @@ -3254,7 +3120,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } - .p-column-filter-overlay { background: #ffffff; color: #212529; @@ -3292,7 +3157,6 @@ 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; @@ -3321,7 +3185,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3399,7 +3262,6 @@ .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; @@ -3408,7 +3270,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #212529; @@ -3447,7 +3308,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } - .p-paginator { background: #ffffff; color: #883cae; @@ -3457,9 +3317,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; @@ -3470,9 +3330,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; @@ -3529,7 +3389,6 @@ border-color: #dee2e6; color: #883cae; } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3607,7 +3466,6 @@ .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; @@ -3616,7 +3474,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3628,20 +3485,19 @@ 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; @@ -3698,11 +3554,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 { @@ -3775,7 +3631,6 @@ 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; @@ -3915,7 +3770,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 { @@ -3976,7 +3831,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #efefef; color: #212529; @@ -4001,7 +3855,6 @@ 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; @@ -4074,7 +3927,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-card { background: #ffffff; color: #212529; @@ -4100,7 +3952,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4124,7 +3975,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4165,7 +4015,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem 1.25rem; @@ -4232,7 +4081,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #efefef; border: 0 none; @@ -4243,7 +4091,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } - .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4265,7 +4112,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4334,7 +4180,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-toolbar { background: #efefef; border: 1px solid #dee2e6; @@ -4345,7 +4190,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #212529; @@ -4393,7 +4237,6 @@ .p-confirm-popup .p-confirm-popup-message { margin-left: 1rem; } - .p-dialog { border-radius: 4px; box-shadow: none; @@ -4466,7 +4309,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #212529; @@ -4508,7 +4350,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: rgba(0, 0, 0, 0.2); } - .p-sidebar { background: #ffffff; color: #212529; @@ -4519,7 +4360,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; @@ -4529,13 +4370,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); @@ -4549,7 +4390,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem 1.25rem; } - .p-tooltip .p-tooltip-text { background: #212529; color: #ffffff; @@ -4569,7 +4409,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #212529; } - .p-fileupload .p-fileupload-buttonbar { background: #efefef; padding: 1rem 1.25rem; @@ -4609,7 +4448,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #7a38a7; color: #ffffff; @@ -4620,7 +4458,6 @@ color: #ffffff; border-color: #68329e; } - .p-breadcrumb { background: #efefef; border: 0 none; @@ -4652,7 +4489,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6c757d; } - .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4700,7 +4536,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 { @@ -4714,7 +4550,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 { @@ -4725,7 +4561,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 { @@ -4739,7 +4575,6 @@ 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); @@ -4763,32 +4598,31 @@ 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; @@ -4847,7 +4681,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 { @@ -4861,7 +4695,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 { @@ -4872,7 +4706,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 { @@ -4930,10 +4764,9 @@ 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; @@ -4970,7 +4803,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 { @@ -4984,7 +4817,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 { @@ -4995,7 +4828,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 { @@ -5029,7 +4862,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem 1rem; background: #efefef; @@ -5068,7 +4900,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 { @@ -5099,7 +4931,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 { @@ -5113,7 +4945,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 { @@ -5124,7 +4956,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 { @@ -5141,7 +4973,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5316,7 +5147,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 { @@ -5330,7 +5161,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 { @@ -5341,7 +5172,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 { @@ -5381,7 +5212,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5424,7 +5254,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 { @@ -5438,7 +5268,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 { @@ -5449,7 +5279,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 { @@ -5496,7 +5326,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.15s; @@ -5541,7 +5370,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #dee2e6; @@ -5612,7 +5440,6 @@ 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; @@ -5663,7 +5490,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 { @@ -5677,7 +5504,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 { @@ -5688,7 +5515,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 { @@ -5702,7 +5529,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; @@ -5758,7 +5584,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 4px; @@ -5847,7 +5672,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 1; } @@ -5898,7 +5722,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 { @@ -5908,7 +5732,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 { @@ -5918,7 +5742,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 { @@ -5928,10 +5752,9 @@ 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; @@ -5962,7 +5785,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 { @@ -6019,7 +5842,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; @@ -6029,7 +5852,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; } @@ -6038,29 +5861,23 @@ 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; @@ -6084,7 +5901,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #dee2e6; border-radius: 4px; @@ -6105,11 +5921,9 @@ .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; @@ -6151,7 +5965,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #dee2e6; color: #212529; @@ -6187,7 +6000,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 4px; @@ -6202,7 +6014,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6218,7 +6029,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6240,7 +6050,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #e9ecef; border-radius: 4px; @@ -6248,7 +6057,6 @@ .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; @@ -6281,7 +6089,6 @@ 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 3bbef300a37..6a6a1ece77f 100644 --- a/src/assets/components/themes/fluent-light/theme.css +++ b/src/assets/components/themes/fluent-light/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #a4252c; } - .p-autocomplete-panel { background: #ffffff; color: #323130; @@ -435,11 +422,9 @@ background: #ffffff; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #a4252c; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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; @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #a4252c; } - .p-cascadeselect-panel { background: #ffffff; color: #323130; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #faf9f8; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #605e5c; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #a4252c; } - .p-dropdown-panel { background: #ffffff; color: #323130; @@ -1042,7 +1002,6 @@ color: #323130; background: transparent; } - .p-input-filled .p-dropdown { background: #faf9f8; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #f3f2f1; color: #605e5c; @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #a4252c; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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; @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: #605e5c; right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: #323130; @@ -1526,7 +1449,6 @@ color: #323130; background: transparent; } - .p-input-filled .p-multiselect { background: #faf9f8; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #498205; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1574,7 +1492,6 @@ color: #605e5c; right: 0.5rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1582,7 +1499,6 @@ color: #605e5c; right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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; @@ -1913,7 +1816,6 @@ color: #323130; background: transparent; } - .p-input-filled .p-treeselect { background: #faf9f8; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: #605e5c; right: 2.357rem; } - .p-button { color: #ffffff; background: #0078d4; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #0078d4; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #d45c00; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #00b7c3; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #00b7c3; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #498205; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #498205; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffaa44; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #ffaa44; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #8378de; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #8378de; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d13438; @@ -2851,9 +2726,8 @@ 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; @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ background: #edebe9; color: #323130; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2990,9 +2863,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; @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } - .p-column-filter-overlay { background: #ffffff; color: #323130; @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3387,7 +3253,6 @@ .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; @@ -3396,7 +3261,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f3f2f1; color: #323130; @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } - .p-paginator { background: #ffffff; color: #605e5c; @@ -3445,9 +3308,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; @@ -3458,9 +3321,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; @@ -3517,7 +3380,6 @@ border-color: transparent; color: #323130; } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3595,7 +3457,6 @@ .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; @@ -3604,7 +3465,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ 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; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.9375rem 0.9375rem; } - .p-virtualscroller .p-virtualscroller-header { background: #ffffff; color: #323130; @@ -3989,7 +3846,6 @@ 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; @@ -4038,7 +3894,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } - .p-card { background: #ffffff; color: #323130; @@ -4064,7 +3919,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4088,7 +3942,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #a19f9d; background: #ffffff; @@ -4129,7 +3982,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #a19f9d; padding: 1rem; @@ -4196,7 +4048,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f3f2f1; border: 0 none; @@ -4207,7 +4058,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } - .p-splitter { border: 1px solid #a19f9d; background: #ffffff; @@ -4229,7 +4079,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #edebe9; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4298,7 +4147,6 @@ border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } - .p-toolbar { background: #faf9f8; border: 1px solid #a19f9d; @@ -4309,7 +4157,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #323130; @@ -4357,7 +4204,6 @@ .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; @@ -4430,7 +4276,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #323130; @@ -4472,7 +4317,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #323130; @@ -4483,7 +4327,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; @@ -4493,13 +4337,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; @@ -4513,7 +4357,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #ffffff; color: #323130; @@ -4533,7 +4376,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #ffffff; } - .p-fileupload .p-fileupload-buttonbar { background: #faf9f8; padding: 1rem; @@ -4573,7 +4415,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #106ebe; color: #ffffff; @@ -4584,7 +4425,6 @@ color: #ffffff; border-color: #005a9e; } - .p-breadcrumb { background: #ffffff; border: 1px solid #eeeeee; @@ -4616,7 +4456,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #0078d4; } - .p-contextmenu { padding: 0; background: #ffffff; @@ -4664,7 +4503,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 { @@ -4678,7 +4517,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 { @@ -4689,7 +4528,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 { @@ -4703,7 +4542,6 @@ 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); @@ -4727,32 +4565,31 @@ 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; @@ -4811,7 +4648,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 { @@ -4825,7 +4662,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 { @@ -4836,7 +4673,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 { @@ -4894,10 +4731,9 @@ 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; @@ -4934,7 +4770,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 { @@ -4948,7 +4784,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 { @@ -4959,7 +4795,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 { @@ -4993,7 +4829,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #ffffff; @@ -5032,7 +4867,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 { @@ -5063,7 +4898,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 { @@ -5077,7 +4912,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 { @@ -5088,7 +4923,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 { @@ -5105,7 +4940,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5280,7 +5114,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 { @@ -5294,7 +5128,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 { @@ -5305,7 +5139,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 { @@ -5321,7 +5155,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } - .p-slidemenu { padding: 0; background: #ffffff; @@ -5364,7 +5197,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 { @@ -5378,7 +5211,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 { @@ -5389,7 +5222,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 { @@ -5436,7 +5269,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5481,7 +5313,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 0 none; @@ -5552,7 +5383,6 @@ outline-offset: 0; box-shadow: inset inset 0 0 0 1px #605e5c; } - .p-tieredmenu { padding: 0; background: #ffffff; @@ -5603,7 +5433,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 { @@ -5617,7 +5447,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 { @@ -5628,7 +5458,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 { @@ -5642,7 +5472,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5698,7 +5527,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 2px; @@ -5787,7 +5615,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5838,7 +5665,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 { @@ -5848,7 +5675,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 { @@ -5858,7 +5685,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 { @@ -5868,10 +5695,9 @@ 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; @@ -5902,7 +5728,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 { @@ -5959,7 +5785,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; @@ -5969,7 +5795,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; } @@ -5978,29 +5804,23 @@ 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; @@ -6024,7 +5844,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #edebe9; border-radius: 2px; @@ -6045,11 +5864,9 @@ .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; @@ -6091,7 +5908,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #edebe9; color: #323130; @@ -6127,7 +5943,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 2px; @@ -6142,7 +5957,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } - .p-progressbar { border: 0 none; height: 2px; @@ -6158,7 +5972,6 @@ color: #ffffff; line-height: 2px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6180,7 +5993,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #edebe9; border-radius: 2px; @@ -6188,7 +6000,6 @@ .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; @@ -6221,7 +6032,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #323130; @@ -6239,7 +6049,6 @@ .p-button-label { font-weight: 600; } - .p-slider:not(.p-disabled):hover { background-color: #deecf9; } @@ -6249,7 +6058,6 @@ .p-slider:not(.p-disabled):hover .p-slider-handle { border-color: #005a9e; } - .p-inputswitch { width: 40px; height: 20px; @@ -6277,7 +6085,6 @@ .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; @@ -6330,53 +6137,42 @@ .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; @@ -6387,11 +6183,10 @@ .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; @@ -6399,14 +6194,13 @@ 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; @@ -6414,22 +6208,20 @@ 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 1e862ac6ba5..eb3ae56f92b 100644 --- a/src/assets/components/themes/lara-dark-blue/theme.css +++ b/src/assets/components/themes/lara-dark-blue/theme.css @@ -293,40 +293,32 @@ * { 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); @@ -338,15 +330,12 @@ 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; @@ -363,7 +352,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -410,7 +398,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #fca5a5; } - .p-autocomplete-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -452,11 +439,9 @@ background: #374151; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #fca5a5; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -464,23 +449,19 @@ 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; @@ -507,7 +488,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); @@ -517,13 +498,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); @@ -532,14 +513,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 { @@ -688,7 +669,6 @@ 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; } @@ -696,12 +676,10 @@ 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; @@ -744,7 +722,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #fca5a5; } - .p-cascadeselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -784,7 +761,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #424b57; } @@ -794,11 +770,9 @@ .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; } @@ -806,7 +780,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -815,7 +788,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 22px; height: 22px; @@ -856,11 +828,9 @@ 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; } @@ -873,15 +843,12 @@ .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; } @@ -920,11 +887,9 @@ 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; } @@ -932,26 +897,22 @@ 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; @@ -995,7 +956,6 @@ .p-dropdown.p-invalid.p-component { border-color: #fca5a5; } - .p-dropdown-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1059,7 +1019,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #424b57; } @@ -1072,11 +1031,9 @@ .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-inputgroup-addon { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -1089,68 +1046,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #fca5a5; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1158,11 +1107,9 @@ 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; } @@ -1170,14 +1117,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1216,11 +1161,9 @@ .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); @@ -1253,57 +1196,45 @@ 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; } - ::-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; } @@ -1313,17 +1244,14 @@ .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); @@ -1398,11 +1326,9 @@ 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; @@ -1442,11 +1368,9 @@ 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; } @@ -1454,7 +1378,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-multiselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1543,7 +1466,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #424b57; } @@ -1553,15 +1475,12 @@ .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; @@ -1583,7 +1502,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #93deac; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1591,7 +1509,6 @@ 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; } @@ -1599,7 +1516,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } - .p-radiobutton { width: 22px; height: 22px; @@ -1637,11 +1553,9 @@ 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; } @@ -1654,11 +1568,9 @@ .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; } @@ -1689,7 +1601,6 @@ .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; @@ -1697,7 +1608,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 { @@ -1706,7 +1617,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 { @@ -1715,7 +1626,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 { @@ -1724,14 +1635,12 @@ 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; @@ -1783,7 +1692,6 @@ .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; @@ -1791,7 +1699,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 { @@ -1800,7 +1708,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 { @@ -1809,7 +1717,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 { @@ -1818,14 +1726,12 @@ 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; @@ -1862,15 +1768,12 @@ 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); @@ -1930,7 +1833,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #424b57; } @@ -1940,7 +1842,6 @@ .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; } @@ -1948,7 +1849,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-button { color: #030712; background: #60a5fa; @@ -2060,7 +1960,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 { @@ -2087,7 +1987,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2100,421 +1999,414 @@ .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; @@ -2538,7 +2430,6 @@ color: #60a5fa; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2550,17 +2441,14 @@ 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; @@ -2571,52 +2459,45 @@ 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; } @@ -2694,7 +2575,6 @@ .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; @@ -2723,7 +2603,6 @@ border-color: transparent; color: #94a3b8; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #38bdf8; @@ -2752,7 +2631,6 @@ border-color: transparent; color: #38bdf8; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #4ade80; @@ -2781,7 +2659,6 @@ border-color: transparent; color: #4ade80; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fb923c; @@ -2810,7 +2687,6 @@ border-color: transparent; color: #fb923c; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #c084fc; @@ -2839,7 +2715,6 @@ border-color: transparent; color: #c084fc; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f87171; @@ -2868,9 +2743,8 @@ 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); @@ -2881,13 +2755,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); @@ -2913,7 +2787,6 @@ 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; @@ -3007,9 +2880,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); @@ -3019,17 +2892,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); @@ -3059,12 +2932,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 { @@ -3167,7 +3040,6 @@ .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; @@ -3206,12 +3078,10 @@ .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; @@ -3239,7 +3109,6 @@ 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; @@ -3259,7 +3128,6 @@ 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); @@ -3297,7 +3165,6 @@ 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; @@ -3326,7 +3193,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3404,7 +3270,6 @@ .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); @@ -3413,7 +3278,6 @@ 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); @@ -3452,7 +3316,6 @@ 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); @@ -3462,9 +3325,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); @@ -3475,9 +3338,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); @@ -3534,7 +3397,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3612,7 +3474,6 @@ .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); @@ -3621,7 +3482,6 @@ background: #1f2937; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #60a5fa; border-radius: 50%; @@ -3633,20 +3493,19 @@ 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; @@ -3703,11 +3562,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 { @@ -3780,7 +3639,6 @@ 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; @@ -3920,7 +3778,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 { @@ -3981,7 +3839,6 @@ .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); @@ -4006,7 +3863,6 @@ 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; @@ -4055,7 +3911,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } - .p-card { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4081,7 +3936,6 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1f2937; } @@ -4105,7 +3959,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #424b57; background: #1f2937; @@ -4146,7 +3999,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #424b57; padding: 1.25rem; @@ -4213,7 +4065,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #424b57; border: 0 none; @@ -4224,7 +4075,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } - .p-splitter { border: 1px solid #424b57; background: #1f2937; @@ -4246,7 +4096,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #424b57; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4315,7 +4164,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-toolbar { background: #1f2937; border: 1px solid #424b57; @@ -4326,7 +4174,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4374,7 +4221,6 @@ .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); @@ -4447,7 +4293,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4489,7 +4334,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #424b57; } - .p-sidebar { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4500,7 +4344,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); @@ -4510,13 +4354,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); @@ -4530,7 +4374,6 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } - .p-tooltip .p-tooltip-text { background: #424b57; color: rgba(255, 255, 255, 0.87); @@ -4550,7 +4393,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #424b57; } - .p-fileupload .p-fileupload-buttonbar { background: #1f2937; padding: 1.25rem; @@ -4590,7 +4432,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #93c5fd; color: #030712; @@ -4601,7 +4442,6 @@ color: #030712; border-color: #bfdbfe; } - .p-breadcrumb { background: #374151; border: 1px solid #424b57; @@ -4633,7 +4473,6 @@ .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; @@ -4681,7 +4520,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 { @@ -4695,7 +4534,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 { @@ -4706,7 +4545,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 { @@ -4720,7 +4559,6 @@ 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); @@ -4744,32 +4582,31 @@ 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; @@ -4828,7 +4665,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 { @@ -4842,7 +4679,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 { @@ -4853,7 +4690,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 { @@ -4911,10 +4748,9 @@ 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; @@ -4951,7 +4787,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 { @@ -4965,7 +4801,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 { @@ -4976,7 +4812,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 { @@ -5010,7 +4846,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #374151; @@ -5049,7 +4884,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 { @@ -5080,7 +4915,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 { @@ -5094,7 +4929,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 { @@ -5105,7 +4940,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 { @@ -5122,7 +4957,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5297,7 +5131,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 { @@ -5311,7 +5145,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 { @@ -5322,7 +5156,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 { @@ -5338,7 +5172,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } - .p-slidemenu { padding: 0.25rem 0; background: #374151; @@ -5381,7 +5214,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 { @@ -5395,7 +5228,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 { @@ -5406,7 +5239,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 { @@ -5453,7 +5286,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5498,7 +5330,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #424b57; @@ -5569,7 +5400,6 @@ 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; @@ -5620,7 +5450,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 { @@ -5634,7 +5464,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 { @@ -5645,7 +5475,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 { @@ -5659,7 +5489,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5715,7 +5544,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 6px; @@ -5804,7 +5632,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 1; } @@ -5855,7 +5682,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 { @@ -5865,7 +5692,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 { @@ -5875,7 +5702,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 { @@ -5885,10 +5712,9 @@ 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; @@ -5919,7 +5745,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 { @@ -5976,7 +5802,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; @@ -5986,7 +5812,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; } @@ -5995,29 +5821,23 @@ 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; @@ -6041,7 +5861,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #424b57; border-radius: 6px; @@ -6062,11 +5881,9 @@ .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; @@ -6108,7 +5925,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); @@ -6144,7 +5960,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6159,7 +5974,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6175,7 +5989,6 @@ color: #030712; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6197,7 +6010,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 6px; @@ -6205,7 +6017,6 @@ .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; @@ -6238,7 +6049,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -6255,32 +6065,25 @@ .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); } @@ -6302,46 +6105,37 @@ .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 cc45dfdf449..288a43a262b 100644 --- a/src/assets/components/themes/lara-dark-indigo/theme.css +++ b/src/assets/components/themes/lara-dark-indigo/theme.css @@ -293,40 +293,32 @@ * { 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); @@ -338,15 +330,12 @@ 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; @@ -363,7 +352,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -410,7 +398,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #fca5a5; } - .p-autocomplete-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -452,11 +439,9 @@ background: #374151; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #fca5a5; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -464,23 +449,19 @@ 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; @@ -507,7 +488,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); @@ -517,13 +498,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); @@ -532,14 +513,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 { @@ -688,7 +669,6 @@ 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; } @@ -696,12 +676,10 @@ 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; @@ -744,7 +722,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #fca5a5; } - .p-cascadeselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -784,7 +761,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #424b57; } @@ -794,11 +770,9 @@ .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; } @@ -806,7 +780,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -815,7 +788,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 22px; height: 22px; @@ -856,11 +828,9 @@ 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; } @@ -873,15 +843,12 @@ .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; } @@ -920,11 +887,9 @@ 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; } @@ -932,26 +897,22 @@ 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; @@ -995,7 +956,6 @@ .p-dropdown.p-invalid.p-component { border-color: #fca5a5; } - .p-dropdown-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1059,7 +1019,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #424b57; } @@ -1072,11 +1031,9 @@ .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-inputgroup-addon { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -1089,68 +1046,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #fca5a5; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1158,11 +1107,9 @@ 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; } @@ -1170,14 +1117,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1216,11 +1161,9 @@ .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); @@ -1253,57 +1196,45 @@ 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; } - ::-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; } @@ -1313,17 +1244,14 @@ .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); @@ -1398,11 +1326,9 @@ 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; @@ -1442,11 +1368,9 @@ 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; } @@ -1454,7 +1378,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-multiselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1543,7 +1466,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #424b57; } @@ -1553,15 +1475,12 @@ .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; @@ -1583,7 +1502,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #93deac; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1591,7 +1509,6 @@ 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; } @@ -1599,7 +1516,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } - .p-radiobutton { width: 22px; height: 22px; @@ -1637,11 +1553,9 @@ 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; } @@ -1654,11 +1568,9 @@ .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; } @@ -1689,7 +1601,6 @@ .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; @@ -1697,7 +1608,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 { @@ -1706,7 +1617,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 { @@ -1715,7 +1626,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 { @@ -1724,14 +1635,12 @@ 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; @@ -1783,7 +1692,6 @@ .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; @@ -1791,7 +1699,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 { @@ -1800,7 +1708,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 { @@ -1809,7 +1717,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 { @@ -1818,14 +1726,12 @@ 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; @@ -1862,15 +1768,12 @@ 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); @@ -1930,7 +1833,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #424b57; } @@ -1940,7 +1842,6 @@ .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; } @@ -1948,7 +1849,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-button { color: #030712; background: #818cf8; @@ -2060,7 +1960,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 { @@ -2087,7 +1987,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2100,421 +1999,414 @@ .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; @@ -2538,7 +2430,6 @@ color: #818cf8; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2550,17 +2441,14 @@ 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; @@ -2571,52 +2459,45 @@ 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; } @@ -2694,7 +2575,6 @@ .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; @@ -2723,7 +2603,6 @@ border-color: transparent; color: #94a3b8; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #38bdf8; @@ -2752,7 +2631,6 @@ border-color: transparent; color: #38bdf8; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #4ade80; @@ -2781,7 +2659,6 @@ border-color: transparent; color: #4ade80; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fb923c; @@ -2810,7 +2687,6 @@ border-color: transparent; color: #fb923c; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #c084fc; @@ -2839,7 +2715,6 @@ border-color: transparent; color: #c084fc; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f87171; @@ -2868,9 +2743,8 @@ 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); @@ -2881,13 +2755,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); @@ -2913,7 +2787,6 @@ 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; @@ -3007,9 +2880,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); @@ -3019,17 +2892,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); @@ -3059,12 +2932,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 { @@ -3167,7 +3040,6 @@ .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; @@ -3206,12 +3078,10 @@ .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; @@ -3239,7 +3109,6 @@ 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; @@ -3259,7 +3128,6 @@ 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); @@ -3297,7 +3165,6 @@ 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; @@ -3326,7 +3193,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3404,7 +3270,6 @@ .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); @@ -3413,7 +3278,6 @@ 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); @@ -3452,7 +3316,6 @@ 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); @@ -3462,9 +3325,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); @@ -3475,9 +3338,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); @@ -3534,7 +3397,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3612,7 +3474,6 @@ .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); @@ -3621,7 +3482,6 @@ background: #1f2937; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #818cf8; border-radius: 50%; @@ -3633,20 +3493,19 @@ 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; @@ -3703,11 +3562,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 { @@ -3780,7 +3639,6 @@ 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; @@ -3920,7 +3778,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 { @@ -3981,7 +3839,6 @@ .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); @@ -4006,7 +3863,6 @@ 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; @@ -4055,7 +3911,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } - .p-card { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4081,7 +3936,6 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1f2937; } @@ -4105,7 +3959,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #424b57; background: #1f2937; @@ -4146,7 +3999,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #424b57; padding: 1.25rem; @@ -4213,7 +4065,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #424b57; border: 0 none; @@ -4224,7 +4075,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } - .p-splitter { border: 1px solid #424b57; background: #1f2937; @@ -4246,7 +4096,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #424b57; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4315,7 +4164,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-toolbar { background: #1f2937; border: 1px solid #424b57; @@ -4326,7 +4174,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4374,7 +4221,6 @@ .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); @@ -4447,7 +4293,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4489,7 +4334,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #424b57; } - .p-sidebar { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4500,7 +4344,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); @@ -4510,13 +4354,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); @@ -4530,7 +4374,6 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } - .p-tooltip .p-tooltip-text { background: #424b57; color: rgba(255, 255, 255, 0.87); @@ -4550,7 +4393,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #424b57; } - .p-fileupload .p-fileupload-buttonbar { background: #1f2937; padding: 1.25rem; @@ -4590,7 +4432,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #a5b4fc; color: #030712; @@ -4601,7 +4442,6 @@ color: #030712; border-color: #c7d2fe; } - .p-breadcrumb { background: #374151; border: 1px solid #424b57; @@ -4633,7 +4473,6 @@ .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; @@ -4681,7 +4520,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 { @@ -4695,7 +4534,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 { @@ -4706,7 +4545,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 { @@ -4720,7 +4559,6 @@ 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); @@ -4744,32 +4582,31 @@ 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; @@ -4828,7 +4665,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 { @@ -4842,7 +4679,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 { @@ -4853,7 +4690,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 { @@ -4911,10 +4748,9 @@ 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; @@ -4951,7 +4787,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 { @@ -4965,7 +4801,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 { @@ -4976,7 +4812,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 { @@ -5010,7 +4846,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #374151; @@ -5049,7 +4884,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 { @@ -5080,7 +4915,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 { @@ -5094,7 +4929,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 { @@ -5105,7 +4940,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 { @@ -5122,7 +4957,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5297,7 +5131,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 { @@ -5311,7 +5145,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 { @@ -5322,7 +5156,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 { @@ -5338,7 +5172,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } - .p-slidemenu { padding: 0.25rem 0; background: #374151; @@ -5381,7 +5214,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 { @@ -5395,7 +5228,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 { @@ -5406,7 +5239,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 { @@ -5453,7 +5286,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5498,7 +5330,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #424b57; @@ -5569,7 +5400,6 @@ 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; @@ -5620,7 +5450,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 { @@ -5634,7 +5464,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 { @@ -5645,7 +5475,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 { @@ -5659,7 +5489,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5715,7 +5544,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 6px; @@ -5804,7 +5632,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 1; } @@ -5855,7 +5682,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 { @@ -5865,7 +5692,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 { @@ -5875,7 +5702,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 { @@ -5885,10 +5712,9 @@ 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; @@ -5919,7 +5745,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 { @@ -5976,7 +5802,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; @@ -5986,7 +5812,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; } @@ -5995,29 +5821,23 @@ 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; @@ -6041,7 +5861,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #424b57; border-radius: 6px; @@ -6062,11 +5881,9 @@ .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; @@ -6108,7 +5925,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); @@ -6144,7 +5960,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6159,7 +5974,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6175,7 +5989,6 @@ color: #030712; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6197,7 +6010,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 6px; @@ -6205,7 +6017,6 @@ .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; @@ -6238,7 +6049,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -6255,32 +6065,25 @@ .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); } @@ -6302,46 +6105,37 @@ .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 03f8d7dcbcb..0f9ac9e3281 100644 --- a/src/assets/components/themes/lara-dark-purple/theme.css +++ b/src/assets/components/themes/lara-dark-purple/theme.css @@ -293,40 +293,32 @@ * { 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); @@ -338,15 +330,12 @@ 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; @@ -363,7 +352,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -410,7 +398,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #fca5a5; } - .p-autocomplete-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -452,11 +439,9 @@ background: #374151; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #fca5a5; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -464,23 +449,19 @@ 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; @@ -507,7 +488,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); @@ -517,13 +498,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); @@ -532,14 +513,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 { @@ -688,7 +669,6 @@ 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; } @@ -696,12 +676,10 @@ 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; @@ -744,7 +722,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #fca5a5; } - .p-cascadeselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -784,7 +761,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #424b57; } @@ -794,11 +770,9 @@ .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; } @@ -806,7 +780,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -815,7 +788,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 22px; height: 22px; @@ -856,11 +828,9 @@ 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; } @@ -873,15 +843,12 @@ .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; } @@ -920,11 +887,9 @@ 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; } @@ -932,26 +897,22 @@ 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; @@ -995,7 +956,6 @@ .p-dropdown.p-invalid.p-component { border-color: #fca5a5; } - .p-dropdown-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1059,7 +1019,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #424b57; } @@ -1072,11 +1031,9 @@ .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-inputgroup-addon { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -1089,68 +1046,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #fca5a5; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1158,11 +1107,9 @@ 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; } @@ -1170,14 +1117,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1216,11 +1161,9 @@ .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); @@ -1253,57 +1196,45 @@ 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; } - ::-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; } @@ -1313,17 +1244,14 @@ .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); @@ -1398,11 +1326,9 @@ 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; @@ -1442,11 +1368,9 @@ 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; } @@ -1454,7 +1378,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-multiselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1543,7 +1466,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #424b57; } @@ -1553,15 +1475,12 @@ .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; @@ -1583,7 +1502,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #93deac; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1591,7 +1509,6 @@ 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; } @@ -1599,7 +1516,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } - .p-radiobutton { width: 22px; height: 22px; @@ -1637,11 +1553,9 @@ 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; } @@ -1654,11 +1568,9 @@ .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; } @@ -1689,7 +1601,6 @@ .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; @@ -1697,7 +1608,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 { @@ -1706,7 +1617,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 { @@ -1715,7 +1626,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 { @@ -1724,14 +1635,12 @@ 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; @@ -1783,7 +1692,6 @@ .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; @@ -1791,7 +1699,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 { @@ -1800,7 +1708,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 { @@ -1809,7 +1717,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 { @@ -1818,14 +1726,12 @@ 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; @@ -1862,15 +1768,12 @@ 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); @@ -1930,7 +1833,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #424b57; } @@ -1940,7 +1842,6 @@ .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; } @@ -1948,7 +1849,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-button { color: #030712; background: #a78bfa; @@ -2060,7 +1960,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 { @@ -2087,7 +1987,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2100,421 +1999,414 @@ .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; @@ -2538,7 +2430,6 @@ color: #a78bfa; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2550,17 +2441,14 @@ 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; @@ -2571,52 +2459,45 @@ 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; } @@ -2694,7 +2575,6 @@ .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; @@ -2723,7 +2603,6 @@ border-color: transparent; color: #94a3b8; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #38bdf8; @@ -2752,7 +2631,6 @@ border-color: transparent; color: #38bdf8; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #4ade80; @@ -2781,7 +2659,6 @@ border-color: transparent; color: #4ade80; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fb923c; @@ -2810,7 +2687,6 @@ border-color: transparent; color: #fb923c; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #c084fc; @@ -2839,7 +2715,6 @@ border-color: transparent; color: #c084fc; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f87171; @@ -2868,9 +2743,8 @@ 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); @@ -2881,13 +2755,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); @@ -2913,7 +2787,6 @@ 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; @@ -3007,9 +2880,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); @@ -3019,17 +2892,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); @@ -3059,12 +2932,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 { @@ -3167,7 +3040,6 @@ .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; @@ -3206,12 +3078,10 @@ .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; @@ -3239,7 +3109,6 @@ 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; @@ -3259,7 +3128,6 @@ 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); @@ -3297,7 +3165,6 @@ 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; @@ -3326,7 +3193,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3404,7 +3270,6 @@ .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); @@ -3413,7 +3278,6 @@ 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); @@ -3452,7 +3316,6 @@ 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); @@ -3462,9 +3325,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); @@ -3475,9 +3338,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); @@ -3534,7 +3397,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3612,7 +3474,6 @@ .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); @@ -3621,7 +3482,6 @@ background: #1f2937; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #a78bfa; border-radius: 50%; @@ -3633,20 +3493,19 @@ 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; @@ -3703,11 +3562,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 { @@ -3780,7 +3639,6 @@ 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; @@ -3920,7 +3778,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 { @@ -3981,7 +3839,6 @@ .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); @@ -4006,7 +3863,6 @@ 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; @@ -4055,7 +3911,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } - .p-card { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4081,7 +3936,6 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1f2937; } @@ -4105,7 +3959,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #424b57; background: #1f2937; @@ -4146,7 +3999,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #424b57; padding: 1.25rem; @@ -4213,7 +4065,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #424b57; border: 0 none; @@ -4224,7 +4075,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } - .p-splitter { border: 1px solid #424b57; background: #1f2937; @@ -4246,7 +4096,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #424b57; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4315,7 +4164,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-toolbar { background: #1f2937; border: 1px solid #424b57; @@ -4326,7 +4174,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4374,7 +4221,6 @@ .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); @@ -4447,7 +4293,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4489,7 +4334,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #424b57; } - .p-sidebar { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4500,7 +4344,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); @@ -4510,13 +4354,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); @@ -4530,7 +4374,6 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } - .p-tooltip .p-tooltip-text { background: #424b57; color: rgba(255, 255, 255, 0.87); @@ -4550,7 +4393,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #424b57; } - .p-fileupload .p-fileupload-buttonbar { background: #1f2937; padding: 1.25rem; @@ -4590,7 +4432,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #c4b5fd; color: #030712; @@ -4601,7 +4442,6 @@ color: #030712; border-color: #ddd6fe; } - .p-breadcrumb { background: #374151; border: 1px solid #424b57; @@ -4633,7 +4473,6 @@ .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; @@ -4681,7 +4520,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 { @@ -4695,7 +4534,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 { @@ -4706,7 +4545,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 { @@ -4720,7 +4559,6 @@ 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); @@ -4744,32 +4582,31 @@ 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; @@ -4828,7 +4665,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 { @@ -4842,7 +4679,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 { @@ -4853,7 +4690,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 { @@ -4911,10 +4748,9 @@ 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; @@ -4951,7 +4787,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 { @@ -4965,7 +4801,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 { @@ -4976,7 +4812,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 { @@ -5010,7 +4846,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #374151; @@ -5049,7 +4884,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 { @@ -5080,7 +4915,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 { @@ -5094,7 +4929,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 { @@ -5105,7 +4940,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 { @@ -5122,7 +4957,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5297,7 +5131,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 { @@ -5311,7 +5145,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 { @@ -5322,7 +5156,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 { @@ -5338,7 +5172,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } - .p-slidemenu { padding: 0.25rem 0; background: #374151; @@ -5381,7 +5214,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 { @@ -5395,7 +5228,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 { @@ -5406,7 +5239,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 { @@ -5453,7 +5286,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5498,7 +5330,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #424b57; @@ -5569,7 +5400,6 @@ 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; @@ -5620,7 +5450,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 { @@ -5634,7 +5464,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 { @@ -5645,7 +5475,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 { @@ -5659,7 +5489,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5715,7 +5544,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 6px; @@ -5804,7 +5632,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 1; } @@ -5855,7 +5682,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 { @@ -5865,7 +5692,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 { @@ -5875,7 +5702,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 { @@ -5885,10 +5712,9 @@ 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; @@ -5919,7 +5745,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 { @@ -5976,7 +5802,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; @@ -5986,7 +5812,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; } @@ -5995,29 +5821,23 @@ 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; @@ -6041,7 +5861,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #424b57; border-radius: 6px; @@ -6062,11 +5881,9 @@ .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; @@ -6108,7 +5925,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); @@ -6144,7 +5960,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6159,7 +5974,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6175,7 +5989,6 @@ color: #030712; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6197,7 +6010,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 6px; @@ -6205,7 +6017,6 @@ .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; @@ -6238,7 +6049,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -6255,32 +6065,25 @@ .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); } @@ -6302,46 +6105,37 @@ .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 d32ef3d2e42..1b98cb16397 100644 --- a/src/assets/components/themes/lara-dark-teal/theme.css +++ b/src/assets/components/themes/lara-dark-teal/theme.css @@ -293,40 +293,32 @@ * { 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); @@ -338,15 +330,12 @@ 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; @@ -363,7 +352,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -410,7 +398,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #fca5a5; } - .p-autocomplete-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -452,11 +439,9 @@ background: #374151; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #fca5a5; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -464,23 +449,19 @@ 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; @@ -507,7 +488,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); @@ -517,13 +498,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); @@ -532,14 +513,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 { @@ -688,7 +669,6 @@ 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; } @@ -696,12 +676,10 @@ 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; @@ -744,7 +722,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #fca5a5; } - .p-cascadeselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -784,7 +761,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #424b57; } @@ -794,11 +770,9 @@ .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; } @@ -806,7 +780,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -815,7 +788,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 22px; height: 22px; @@ -856,11 +828,9 @@ 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; } @@ -873,15 +843,12 @@ .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; } @@ -920,11 +887,9 @@ 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; } @@ -932,26 +897,22 @@ 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; @@ -995,7 +956,6 @@ .p-dropdown.p-invalid.p-component { border-color: #fca5a5; } - .p-dropdown-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1059,7 +1019,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #424b57; } @@ -1072,11 +1031,9 @@ .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-inputgroup-addon { background: #1f2937; color: rgba(255, 255, 255, 0.6); @@ -1089,68 +1046,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #fca5a5; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1158,11 +1107,9 @@ 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; } @@ -1170,14 +1117,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1216,11 +1161,9 @@ .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); @@ -1253,57 +1196,45 @@ 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; } - ::-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; } @@ -1313,17 +1244,14 @@ .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); @@ -1398,11 +1326,9 @@ 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; @@ -1442,11 +1368,9 @@ 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; } @@ -1454,7 +1378,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-multiselect-panel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -1543,7 +1466,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #424b57; } @@ -1553,15 +1475,12 @@ .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; @@ -1583,7 +1502,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #93deac; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1591,7 +1509,6 @@ 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; } @@ -1599,7 +1516,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } - .p-radiobutton { width: 22px; height: 22px; @@ -1637,11 +1553,9 @@ 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; } @@ -1654,11 +1568,9 @@ .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; } @@ -1689,7 +1601,6 @@ .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; @@ -1697,7 +1608,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 { @@ -1706,7 +1617,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 { @@ -1715,7 +1626,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 { @@ -1724,14 +1635,12 @@ 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; @@ -1783,7 +1692,6 @@ .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; @@ -1791,7 +1699,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 { @@ -1800,7 +1708,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 { @@ -1809,7 +1717,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 { @@ -1818,14 +1726,12 @@ 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; @@ -1862,15 +1768,12 @@ 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); @@ -1930,7 +1833,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #424b57; } @@ -1940,7 +1842,6 @@ .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; } @@ -1948,7 +1849,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-button { color: #030712; background: #2dd4bf; @@ -2060,7 +1960,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 { @@ -2087,7 +1987,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2100,421 +1999,414 @@ .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; @@ -2538,7 +2430,6 @@ color: #2dd4bf; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2550,17 +2441,14 @@ 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; @@ -2571,52 +2459,45 @@ 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; } @@ -2694,7 +2575,6 @@ .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; @@ -2723,7 +2603,6 @@ border-color: transparent; color: #94a3b8; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #38bdf8; @@ -2752,7 +2631,6 @@ border-color: transparent; color: #38bdf8; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #4ade80; @@ -2781,7 +2659,6 @@ border-color: transparent; color: #4ade80; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fb923c; @@ -2810,7 +2687,6 @@ border-color: transparent; color: #fb923c; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #c084fc; @@ -2839,7 +2715,6 @@ border-color: transparent; color: #c084fc; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f87171; @@ -2868,9 +2743,8 @@ 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); @@ -2881,13 +2755,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); @@ -2913,7 +2787,6 @@ 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; @@ -3007,9 +2880,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); @@ -3019,17 +2892,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); @@ -3059,12 +2932,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 { @@ -3167,7 +3040,6 @@ .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; @@ -3206,12 +3078,10 @@ .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; @@ -3239,7 +3109,6 @@ 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; @@ -3259,7 +3128,6 @@ 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); @@ -3297,7 +3165,6 @@ 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; @@ -3326,7 +3193,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3404,7 +3270,6 @@ .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); @@ -3413,7 +3278,6 @@ 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); @@ -3452,7 +3316,6 @@ 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); @@ -3462,9 +3325,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); @@ -3475,9 +3338,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); @@ -3534,7 +3397,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3612,7 +3474,6 @@ .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); @@ -3621,7 +3482,6 @@ background: #1f2937; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #2dd4bf; border-radius: 50%; @@ -3633,20 +3493,19 @@ 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; @@ -3703,11 +3562,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 { @@ -3780,7 +3639,6 @@ 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; @@ -3920,7 +3778,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 { @@ -3981,7 +3839,6 @@ .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); @@ -4006,7 +3863,6 @@ 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; @@ -4055,7 +3911,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } - .p-card { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4081,7 +3936,6 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1f2937; } @@ -4105,7 +3959,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #424b57; background: #1f2937; @@ -4146,7 +3999,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #424b57; padding: 1.25rem; @@ -4213,7 +4065,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #424b57; border: 0 none; @@ -4224,7 +4075,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } - .p-splitter { border: 1px solid #424b57; background: #1f2937; @@ -4246,7 +4096,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #424b57; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4315,7 +4164,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-toolbar { background: #1f2937; border: 1px solid #424b57; @@ -4326,7 +4174,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4374,7 +4221,6 @@ .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); @@ -4447,7 +4293,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4489,7 +4334,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #424b57; } - .p-sidebar { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -4500,7 +4344,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); @@ -4510,13 +4354,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); @@ -4530,7 +4374,6 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } - .p-tooltip .p-tooltip-text { background: #424b57; color: rgba(255, 255, 255, 0.87); @@ -4550,7 +4393,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #424b57; } - .p-fileupload .p-fileupload-buttonbar { background: #1f2937; padding: 1.25rem; @@ -4590,7 +4432,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #5eead4; color: #030712; @@ -4601,7 +4442,6 @@ color: #030712; border-color: #99f6e4; } - .p-breadcrumb { background: #374151; border: 1px solid #424b57; @@ -4633,7 +4473,6 @@ .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; @@ -4681,7 +4520,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 { @@ -4695,7 +4534,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 { @@ -4706,7 +4545,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 { @@ -4720,7 +4559,6 @@ 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); @@ -4744,32 +4582,31 @@ 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; @@ -4828,7 +4665,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 { @@ -4842,7 +4679,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 { @@ -4853,7 +4690,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 { @@ -4911,10 +4748,9 @@ 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; @@ -4951,7 +4787,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 { @@ -4965,7 +4801,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 { @@ -4976,7 +4812,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 { @@ -5010,7 +4846,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #374151; @@ -5049,7 +4884,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 { @@ -5080,7 +4915,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 { @@ -5094,7 +4929,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 { @@ -5105,7 +4940,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 { @@ -5122,7 +4957,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5297,7 +5131,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 { @@ -5311,7 +5145,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 { @@ -5322,7 +5156,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 { @@ -5338,7 +5172,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } - .p-slidemenu { padding: 0.25rem 0; background: #374151; @@ -5381,7 +5214,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 { @@ -5395,7 +5228,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 { @@ -5406,7 +5239,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 { @@ -5453,7 +5286,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5498,7 +5330,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #424b57; @@ -5569,7 +5400,6 @@ 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; @@ -5620,7 +5450,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 { @@ -5634,7 +5464,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 { @@ -5645,7 +5475,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 { @@ -5659,7 +5489,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5715,7 +5544,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 6px; @@ -5804,7 +5632,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 1; } @@ -5855,7 +5682,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 { @@ -5865,7 +5692,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 { @@ -5875,7 +5702,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 { @@ -5885,10 +5712,9 @@ 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; @@ -5919,7 +5745,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 { @@ -5976,7 +5802,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; @@ -5986,7 +5812,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; } @@ -5995,29 +5821,23 @@ 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; @@ -6041,7 +5861,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #424b57; border-radius: 6px; @@ -6062,11 +5881,9 @@ .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; @@ -6108,7 +5925,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #424b57; color: rgba(255, 255, 255, 0.87); @@ -6144,7 +5960,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6159,7 +5974,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6175,7 +5989,6 @@ color: #030712; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6197,7 +6010,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 6px; @@ -6205,7 +6017,6 @@ .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; @@ -6238,7 +6049,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1f2937; color: rgba(255, 255, 255, 0.87); @@ -6255,32 +6065,25 @@ .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); } @@ -6302,46 +6105,37 @@ .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 6597de50c42..68249111d73 100644 --- a/src/assets/components/themes/lara-light-blue/theme.css +++ b/src/assets/components/themes/lara-light-blue/theme.css @@ -293,40 +293,32 @@ * { 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); @@ -338,15 +330,12 @@ 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; @@ -363,7 +352,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -410,7 +398,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } - .p-autocomplete-panel { background: #ffffff; color: #4b5563; @@ -452,11 +439,9 @@ background: #ffffff; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -464,23 +449,19 @@ 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; @@ -507,7 +488,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; @@ -517,13 +498,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; @@ -532,14 +513,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 { @@ -688,7 +669,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -696,12 +676,10 @@ 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; @@ -744,7 +722,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e24c4c; } - .p-cascadeselect-panel { background: #ffffff; color: #4b5563; @@ -784,7 +761,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f3f4f6; } @@ -794,11 +770,9 @@ .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; } @@ -806,7 +780,6 @@ color: #6b7280; right: 3rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -815,7 +788,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 22px; height: 22px; @@ -856,11 +828,9 @@ 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; } @@ -873,15 +843,12 @@ .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; } @@ -920,11 +887,9 @@ 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; } @@ -932,26 +897,22 @@ 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; @@ -995,7 +956,6 @@ .p-dropdown.p-invalid.p-component { border-color: #e24c4c; } - .p-dropdown-panel { background: #ffffff; color: #4b5563; @@ -1059,7 +1019,6 @@ color: #4b5563; background: transparent; } - .p-input-filled .p-dropdown { background: #f3f4f6; } @@ -1072,11 +1031,9 @@ .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-inputgroup-addon { background: #f3f4f6; color: #6b7280; @@ -1089,68 +1046,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1158,11 +1107,9 @@ 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; } @@ -1170,14 +1117,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1216,11 +1161,9 @@ .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); @@ -1253,57 +1196,45 @@ 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; } - ::-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; } @@ -1313,17 +1244,14 @@ .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; @@ -1398,11 +1326,9 @@ 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; @@ -1442,11 +1368,9 @@ 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; } @@ -1454,7 +1378,6 @@ color: #6b7280; right: 3rem; } - .p-multiselect-panel { background: #ffffff; color: #4b5563; @@ -1543,7 +1466,6 @@ color: #4b5563; background: transparent; } - .p-input-filled .p-multiselect { background: #f3f4f6; } @@ -1553,15 +1475,12 @@ .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; @@ -1583,7 +1502,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1591,7 +1509,6 @@ color: #6b7280; right: 0.75rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1599,7 +1516,6 @@ color: #6b7280; right: 2.5rem; } - .p-radiobutton { width: 22px; height: 22px; @@ -1637,11 +1553,9 @@ 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; } @@ -1654,11 +1568,9 @@ .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; } @@ -1689,7 +1601,6 @@ .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; @@ -1697,7 +1608,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 { @@ -1706,7 +1617,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 { @@ -1715,7 +1626,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 { @@ -1724,14 +1635,12 @@ 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; @@ -1783,7 +1692,6 @@ .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; @@ -1791,7 +1699,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 { @@ -1800,7 +1708,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 { @@ -1809,7 +1717,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 { @@ -1818,14 +1726,12 @@ 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; @@ -1862,15 +1768,12 @@ 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; @@ -1930,7 +1833,6 @@ color: #4b5563; background: transparent; } - .p-input-filled .p-treeselect { background: #f3f4f6; } @@ -1940,7 +1842,6 @@ .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; } @@ -1948,7 +1849,6 @@ color: #6b7280; right: 3rem; } - .p-button { color: #ffffff; background: #3B82F6; @@ -2060,7 +1960,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 { @@ -2087,7 +1987,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2100,421 +1999,414 @@ .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; @@ -2538,7 +2430,6 @@ color: #1D4ED8; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2550,17 +2441,14 @@ 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; @@ -2571,52 +2459,45 @@ 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; } @@ -2694,7 +2575,6 @@ .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; @@ -2723,7 +2603,6 @@ border-color: transparent; color: #64748b; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0ea5e9; @@ -2752,7 +2631,6 @@ border-color: transparent; color: #0ea5e9; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #22c55e; @@ -2781,7 +2659,6 @@ border-color: transparent; color: #22c55e; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #f97316; @@ -2810,7 +2687,6 @@ border-color: transparent; color: #f97316; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #a855f7; @@ -2839,7 +2715,6 @@ border-color: transparent; color: #a855f7; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef4444; @@ -2868,9 +2743,8 @@ 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; @@ -2881,13 +2755,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; @@ -2913,7 +2787,6 @@ background: #EFF6FF; color: #1D4ED8; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3007,9 +2880,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; @@ -3019,17 +2892,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; @@ -3059,12 +2932,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 { @@ -3167,7 +3040,6 @@ .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; @@ -3206,12 +3078,10 @@ .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; @@ -3239,7 +3109,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3259,7 +3128,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } - .p-column-filter-overlay { background: #ffffff; color: #4b5563; @@ -3297,7 +3165,6 @@ 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; @@ -3326,7 +3193,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3404,7 +3270,6 @@ .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); @@ -3413,7 +3278,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3452,7 +3316,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } - .p-paginator { background: #ffffff; color: #6b7280; @@ -3462,9 +3325,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; @@ -3475,9 +3338,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; @@ -3534,7 +3397,6 @@ border-color: transparent; color: #374151; } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3612,7 +3474,6 @@ .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); @@ -3621,7 +3482,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #3B82F6; border-radius: 50%; @@ -3633,20 +3493,19 @@ 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; @@ -3703,11 +3562,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 { @@ -3780,7 +3639,6 @@ 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; @@ -3920,7 +3778,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 { @@ -3981,7 +3839,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #f9fafb; color: #374151; @@ -4006,7 +3863,6 @@ 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; @@ -4055,7 +3911,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } - .p-card { background: #ffffff; color: #4b5563; @@ -4081,7 +3936,6 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4105,7 +3959,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #e5e7eb; background: #ffffff; @@ -4146,7 +3999,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #e5e7eb; padding: 1.25rem; @@ -4213,7 +4065,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f9fafb; border: 0 none; @@ -4224,7 +4075,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } - .p-splitter { border: 1px solid #e5e7eb; background: #ffffff; @@ -4246,7 +4096,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4315,7 +4164,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-toolbar { background: #f9fafb; border: 1px solid #e5e7eb; @@ -4326,7 +4174,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #4b5563; @@ -4374,7 +4221,6 @@ .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); @@ -4447,7 +4293,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #4b5563; @@ -4489,7 +4334,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #4b5563; @@ -4500,7 +4344,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; @@ -4510,13 +4354,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; @@ -4530,7 +4374,6 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } - .p-tooltip .p-tooltip-text { background: #4b5563; color: #ffffff; @@ -4550,7 +4393,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4b5563; } - .p-fileupload .p-fileupload-buttonbar { background: #f9fafb; padding: 1.25rem; @@ -4590,7 +4432,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #2563eb; color: #ffffff; @@ -4601,7 +4442,6 @@ color: #ffffff; border-color: #1D4ED8; } - .p-breadcrumb { background: #ffffff; border: 1px solid #e5e7eb; @@ -4633,7 +4473,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6b7280; } - .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4681,7 +4520,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 { @@ -4695,7 +4534,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 { @@ -4706,7 +4545,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 { @@ -4720,7 +4559,6 @@ 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); @@ -4744,32 +4582,31 @@ 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; @@ -4828,7 +4665,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 { @@ -4842,7 +4679,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 { @@ -4853,7 +4690,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 { @@ -4911,10 +4748,9 @@ 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; @@ -4951,7 +4787,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 { @@ -4965,7 +4801,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 { @@ -4976,7 +4812,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 { @@ -5010,7 +4846,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #f9fafb; @@ -5049,7 +4884,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 { @@ -5080,7 +4915,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 { @@ -5094,7 +4929,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 { @@ -5105,7 +4940,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 { @@ -5122,7 +4957,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5297,7 +5131,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 { @@ -5311,7 +5145,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 { @@ -5322,7 +5156,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 { @@ -5338,7 +5172,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5381,7 +5214,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 { @@ -5395,7 +5228,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 { @@ -5406,7 +5239,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 { @@ -5453,7 +5286,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5498,7 +5330,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -5569,7 +5400,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #BFDBFE; } - .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5620,7 +5450,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 { @@ -5634,7 +5464,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 { @@ -5645,7 +5475,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 { @@ -5659,7 +5489,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5715,7 +5544,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 6px; @@ -5804,7 +5632,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 1; } @@ -5855,7 +5682,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 { @@ -5865,7 +5692,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 { @@ -5875,7 +5702,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 { @@ -5885,10 +5712,9 @@ 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; @@ -5919,7 +5745,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 { @@ -5976,7 +5802,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; @@ -5986,7 +5812,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; } @@ -5995,29 +5821,23 @@ 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; @@ -6041,7 +5861,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #e5e7eb; border-radius: 6px; @@ -6062,11 +5881,9 @@ .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; @@ -6108,7 +5925,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #e5e7eb; color: #4b5563; @@ -6144,7 +5960,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6159,7 +5974,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #BFDBFE; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6175,7 +5989,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6197,7 +6010,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #e5e7eb; border-radius: 6px; @@ -6205,7 +6017,6 @@ .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; @@ -6238,7 +6049,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #4b5563; @@ -6255,78 +6065,65 @@ .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 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0); } - .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 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0); } - .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 d37df826d5d..df28f026f55 100644 --- a/src/assets/components/themes/lara-light-indigo/theme.css +++ b/src/assets/components/themes/lara-light-indigo/theme.css @@ -293,40 +293,32 @@ * { 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); @@ -338,15 +330,12 @@ 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; @@ -363,7 +352,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -410,7 +398,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } - .p-autocomplete-panel { background: #ffffff; color: #4b5563; @@ -452,11 +439,9 @@ background: #ffffff; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -464,23 +449,19 @@ 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; @@ -507,7 +488,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; @@ -517,13 +498,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; @@ -532,14 +513,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 { @@ -688,7 +669,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -696,12 +676,10 @@ 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; @@ -744,7 +722,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e24c4c; } - .p-cascadeselect-panel { background: #ffffff; color: #4b5563; @@ -784,7 +761,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f3f4f6; } @@ -794,11 +770,9 @@ .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; } @@ -806,7 +780,6 @@ color: #6b7280; right: 3rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -815,7 +788,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 22px; height: 22px; @@ -856,11 +828,9 @@ 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; } @@ -873,15 +843,12 @@ .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; } @@ -920,11 +887,9 @@ 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; } @@ -932,26 +897,22 @@ 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; @@ -995,7 +956,6 @@ .p-dropdown.p-invalid.p-component { border-color: #e24c4c; } - .p-dropdown-panel { background: #ffffff; color: #4b5563; @@ -1059,7 +1019,6 @@ color: #4b5563; background: transparent; } - .p-input-filled .p-dropdown { background: #f3f4f6; } @@ -1072,11 +1031,9 @@ .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-inputgroup-addon { background: #f3f4f6; color: #6b7280; @@ -1089,68 +1046,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1158,11 +1107,9 @@ 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; } @@ -1170,14 +1117,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1216,11 +1161,9 @@ .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); @@ -1253,57 +1196,45 @@ 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; } - ::-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; } @@ -1313,17 +1244,14 @@ .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; @@ -1398,11 +1326,9 @@ 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; @@ -1442,11 +1368,9 @@ 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; } @@ -1454,7 +1378,6 @@ color: #6b7280; right: 3rem; } - .p-multiselect-panel { background: #ffffff; color: #4b5563; @@ -1543,7 +1466,6 @@ color: #4b5563; background: transparent; } - .p-input-filled .p-multiselect { background: #f3f4f6; } @@ -1553,15 +1475,12 @@ .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; @@ -1583,7 +1502,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1591,7 +1509,6 @@ color: #6b7280; right: 0.75rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1599,7 +1516,6 @@ color: #6b7280; right: 2.5rem; } - .p-radiobutton { width: 22px; height: 22px; @@ -1637,11 +1553,9 @@ 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; } @@ -1654,11 +1568,9 @@ .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; } @@ -1689,7 +1601,6 @@ .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; @@ -1697,7 +1608,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 { @@ -1706,7 +1617,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 { @@ -1715,7 +1626,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 { @@ -1724,14 +1635,12 @@ 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; @@ -1783,7 +1692,6 @@ .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; @@ -1791,7 +1699,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 { @@ -1800,7 +1708,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 { @@ -1809,7 +1717,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 { @@ -1818,14 +1726,12 @@ 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; @@ -1862,15 +1768,12 @@ 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; @@ -1930,7 +1833,6 @@ color: #4b5563; background: transparent; } - .p-input-filled .p-treeselect { background: #f3f4f6; } @@ -1940,7 +1842,6 @@ .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; } @@ -1948,7 +1849,6 @@ color: #6b7280; right: 3rem; } - .p-button { color: #ffffff; background: #6366F1; @@ -2060,7 +1960,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 { @@ -2087,7 +1987,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2100,421 +1999,414 @@ .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; @@ -2538,7 +2430,6 @@ color: #4338CA; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2550,17 +2441,14 @@ 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; @@ -2571,52 +2459,45 @@ 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; } @@ -2694,7 +2575,6 @@ .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; @@ -2723,7 +2603,6 @@ border-color: transparent; color: #64748b; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0ea5e9; @@ -2752,7 +2631,6 @@ border-color: transparent; color: #0ea5e9; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #22c55e; @@ -2781,7 +2659,6 @@ border-color: transparent; color: #22c55e; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #f97316; @@ -2810,7 +2687,6 @@ border-color: transparent; color: #f97316; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #a855f7; @@ -2839,7 +2715,6 @@ border-color: transparent; color: #a855f7; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef4444; @@ -2868,9 +2743,8 @@ 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; @@ -2881,13 +2755,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; @@ -2913,7 +2787,6 @@ background: #EEF2FF; color: #4338CA; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3007,9 +2880,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; @@ -3019,17 +2892,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; @@ -3059,12 +2932,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 { @@ -3167,7 +3040,6 @@ .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; @@ -3206,12 +3078,10 @@ .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; @@ -3239,7 +3109,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3259,7 +3128,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } - .p-column-filter-overlay { background: #ffffff; color: #4b5563; @@ -3297,7 +3165,6 @@ 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; @@ -3326,7 +3193,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3404,7 +3270,6 @@ .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); @@ -3413,7 +3278,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3452,7 +3316,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } - .p-paginator { background: #ffffff; color: #6b7280; @@ -3462,9 +3325,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; @@ -3475,9 +3338,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; @@ -3534,7 +3397,6 @@ border-color: transparent; color: #374151; } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3612,7 +3474,6 @@ .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); @@ -3621,7 +3482,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #6366F1; border-radius: 50%; @@ -3633,20 +3493,19 @@ 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; @@ -3703,11 +3562,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 { @@ -3780,7 +3639,6 @@ 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; @@ -3920,7 +3778,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 { @@ -3981,7 +3839,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #f9fafb; color: #374151; @@ -4006,7 +3863,6 @@ 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; @@ -4055,7 +3911,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } - .p-card { background: #ffffff; color: #4b5563; @@ -4081,7 +3936,6 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4105,7 +3959,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #e5e7eb; background: #ffffff; @@ -4146,7 +3999,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #e5e7eb; padding: 1.25rem; @@ -4213,7 +4065,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f9fafb; border: 0 none; @@ -4224,7 +4075,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } - .p-splitter { border: 1px solid #e5e7eb; background: #ffffff; @@ -4246,7 +4096,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4315,7 +4164,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-toolbar { background: #f9fafb; border: 1px solid #e5e7eb; @@ -4326,7 +4174,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #4b5563; @@ -4374,7 +4221,6 @@ .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); @@ -4447,7 +4293,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #4b5563; @@ -4489,7 +4334,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #4b5563; @@ -4500,7 +4344,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; @@ -4510,13 +4354,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; @@ -4530,7 +4374,6 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } - .p-tooltip .p-tooltip-text { background: #4b5563; color: #ffffff; @@ -4550,7 +4393,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4b5563; } - .p-fileupload .p-fileupload-buttonbar { background: #f9fafb; padding: 1.25rem; @@ -4590,7 +4432,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #4F46E5; color: #ffffff; @@ -4601,7 +4442,6 @@ color: #ffffff; border-color: #4338CA; } - .p-breadcrumb { background: #ffffff; border: 1px solid #e5e7eb; @@ -4633,7 +4473,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6b7280; } - .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4681,7 +4520,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 { @@ -4695,7 +4534,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 { @@ -4706,7 +4545,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 { @@ -4720,7 +4559,6 @@ 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); @@ -4744,32 +4582,31 @@ 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; @@ -4828,7 +4665,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 { @@ -4842,7 +4679,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 { @@ -4853,7 +4690,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 { @@ -4911,10 +4748,9 @@ 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; @@ -4951,7 +4787,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 { @@ -4965,7 +4801,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 { @@ -4976,7 +4812,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 { @@ -5010,7 +4846,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #f9fafb; @@ -5049,7 +4884,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 { @@ -5080,7 +4915,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 { @@ -5094,7 +4929,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 { @@ -5105,7 +4940,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 { @@ -5122,7 +4957,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5297,7 +5131,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 { @@ -5311,7 +5145,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 { @@ -5322,7 +5156,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 { @@ -5338,7 +5172,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5381,7 +5214,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 { @@ -5395,7 +5228,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 { @@ -5406,7 +5239,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 { @@ -5453,7 +5286,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5498,7 +5330,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -5569,7 +5400,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #C7D2FE; } - .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5620,7 +5450,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 { @@ -5634,7 +5464,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 { @@ -5645,7 +5475,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 { @@ -5659,7 +5489,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5715,7 +5544,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 6px; @@ -5804,7 +5632,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 1; } @@ -5855,7 +5682,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 { @@ -5865,7 +5692,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 { @@ -5875,7 +5702,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 { @@ -5885,10 +5712,9 @@ 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; @@ -5919,7 +5745,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 { @@ -5976,7 +5802,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; @@ -5986,7 +5812,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; } @@ -5995,29 +5821,23 @@ 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; @@ -6041,7 +5861,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #e5e7eb; border-radius: 6px; @@ -6062,11 +5881,9 @@ .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; @@ -6108,7 +5925,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #e5e7eb; color: #4b5563; @@ -6144,7 +5960,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6159,7 +5974,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #C7D2FE; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6175,7 +5989,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6197,7 +6010,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #e5e7eb; border-radius: 6px; @@ -6205,7 +6017,6 @@ .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; @@ -6238,7 +6049,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #4b5563; @@ -6255,78 +6065,65 @@ .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 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0); } - .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 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0); } - .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 0224a722608..b4beb5f6b7a 100644 --- a/src/assets/components/themes/lara-light-purple/theme.css +++ b/src/assets/components/themes/lara-light-purple/theme.css @@ -293,40 +293,32 @@ * { 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); @@ -338,15 +330,12 @@ 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; @@ -363,7 +352,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -410,7 +398,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } - .p-autocomplete-panel { background: #ffffff; color: #4b5563; @@ -452,11 +439,9 @@ background: #ffffff; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -464,23 +449,19 @@ 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; @@ -507,7 +488,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; @@ -517,13 +498,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; @@ -532,14 +513,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 { @@ -688,7 +669,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -696,12 +676,10 @@ 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; @@ -744,7 +722,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e24c4c; } - .p-cascadeselect-panel { background: #ffffff; color: #4b5563; @@ -784,7 +761,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f3f4f6; } @@ -794,11 +770,9 @@ .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; } @@ -806,7 +780,6 @@ color: #6b7280; right: 3rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -815,7 +788,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 22px; height: 22px; @@ -856,11 +828,9 @@ 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; } @@ -873,15 +843,12 @@ .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; } @@ -920,11 +887,9 @@ 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; } @@ -932,26 +897,22 @@ 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; @@ -995,7 +956,6 @@ .p-dropdown.p-invalid.p-component { border-color: #e24c4c; } - .p-dropdown-panel { background: #ffffff; color: #4b5563; @@ -1059,7 +1019,6 @@ color: #4b5563; background: transparent; } - .p-input-filled .p-dropdown { background: #f3f4f6; } @@ -1072,11 +1031,9 @@ .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-inputgroup-addon { background: #f3f4f6; color: #6b7280; @@ -1089,68 +1046,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1158,11 +1107,9 @@ 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; } @@ -1170,14 +1117,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1216,11 +1161,9 @@ .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); @@ -1253,57 +1196,45 @@ 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; } - ::-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; } @@ -1313,17 +1244,14 @@ .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; @@ -1398,11 +1326,9 @@ 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; @@ -1442,11 +1368,9 @@ 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; } @@ -1454,7 +1378,6 @@ color: #6b7280; right: 3rem; } - .p-multiselect-panel { background: #ffffff; color: #4b5563; @@ -1543,7 +1466,6 @@ color: #4b5563; background: transparent; } - .p-input-filled .p-multiselect { background: #f3f4f6; } @@ -1553,15 +1475,12 @@ .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; @@ -1583,7 +1502,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1591,7 +1509,6 @@ color: #6b7280; right: 0.75rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1599,7 +1516,6 @@ color: #6b7280; right: 2.5rem; } - .p-radiobutton { width: 22px; height: 22px; @@ -1637,11 +1553,9 @@ 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; } @@ -1654,11 +1568,9 @@ .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; } @@ -1689,7 +1601,6 @@ .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; @@ -1697,7 +1608,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 { @@ -1706,7 +1617,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 { @@ -1715,7 +1626,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 { @@ -1724,14 +1635,12 @@ 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; @@ -1783,7 +1692,6 @@ .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; @@ -1791,7 +1699,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 { @@ -1800,7 +1708,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 { @@ -1809,7 +1717,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 { @@ -1818,14 +1726,12 @@ 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; @@ -1862,15 +1768,12 @@ 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; @@ -1930,7 +1833,6 @@ color: #4b5563; background: transparent; } - .p-input-filled .p-treeselect { background: #f3f4f6; } @@ -1940,7 +1842,6 @@ .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; } @@ -1948,7 +1849,6 @@ color: #6b7280; right: 3rem; } - .p-button { color: #ffffff; background: #8B5CF6; @@ -2060,7 +1960,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 { @@ -2087,7 +1987,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2100,421 +1999,414 @@ .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; @@ -2538,7 +2430,6 @@ color: #6D28D9; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2550,17 +2441,14 @@ 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; @@ -2571,52 +2459,45 @@ 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; } @@ -2694,7 +2575,6 @@ .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; @@ -2723,7 +2603,6 @@ border-color: transparent; color: #64748b; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0ea5e9; @@ -2752,7 +2631,6 @@ border-color: transparent; color: #0ea5e9; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #22c55e; @@ -2781,7 +2659,6 @@ border-color: transparent; color: #22c55e; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #f97316; @@ -2810,7 +2687,6 @@ border-color: transparent; color: #f97316; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #a855f7; @@ -2839,7 +2715,6 @@ border-color: transparent; color: #a855f7; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef4444; @@ -2868,9 +2743,8 @@ 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; @@ -2881,13 +2755,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; @@ -2913,7 +2787,6 @@ background: #F5F3FF; color: #6D28D9; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3007,9 +2880,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; @@ -3019,17 +2892,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; @@ -3059,12 +2932,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 { @@ -3167,7 +3040,6 @@ .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; @@ -3206,12 +3078,10 @@ .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; @@ -3239,7 +3109,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3259,7 +3128,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } - .p-column-filter-overlay { background: #ffffff; color: #4b5563; @@ -3297,7 +3165,6 @@ 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; @@ -3326,7 +3193,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3404,7 +3270,6 @@ .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); @@ -3413,7 +3278,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3452,7 +3316,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } - .p-paginator { background: #ffffff; color: #6b7280; @@ -3462,9 +3325,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; @@ -3475,9 +3338,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; @@ -3534,7 +3397,6 @@ border-color: transparent; color: #374151; } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3612,7 +3474,6 @@ .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); @@ -3621,7 +3482,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #8B5CF6; border-radius: 50%; @@ -3633,20 +3493,19 @@ 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; @@ -3703,11 +3562,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 { @@ -3780,7 +3639,6 @@ 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; @@ -3920,7 +3778,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 { @@ -3981,7 +3839,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #f9fafb; color: #374151; @@ -4006,7 +3863,6 @@ 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; @@ -4055,7 +3911,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } - .p-card { background: #ffffff; color: #4b5563; @@ -4081,7 +3936,6 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4105,7 +3959,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #e5e7eb; background: #ffffff; @@ -4146,7 +3999,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #e5e7eb; padding: 1.25rem; @@ -4213,7 +4065,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f9fafb; border: 0 none; @@ -4224,7 +4075,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } - .p-splitter { border: 1px solid #e5e7eb; background: #ffffff; @@ -4246,7 +4096,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4315,7 +4164,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-toolbar { background: #f9fafb; border: 1px solid #e5e7eb; @@ -4326,7 +4174,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #4b5563; @@ -4374,7 +4221,6 @@ .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); @@ -4447,7 +4293,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #4b5563; @@ -4489,7 +4334,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #4b5563; @@ -4500,7 +4344,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; @@ -4510,13 +4354,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; @@ -4530,7 +4374,6 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } - .p-tooltip .p-tooltip-text { background: #4b5563; color: #ffffff; @@ -4550,7 +4393,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4b5563; } - .p-fileupload .p-fileupload-buttonbar { background: #f9fafb; padding: 1.25rem; @@ -4590,7 +4432,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #7C3AED; color: #ffffff; @@ -4601,7 +4442,6 @@ color: #ffffff; border-color: #6D28D9; } - .p-breadcrumb { background: #ffffff; border: 1px solid #e5e7eb; @@ -4633,7 +4473,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6b7280; } - .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4681,7 +4520,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 { @@ -4695,7 +4534,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 { @@ -4706,7 +4545,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 { @@ -4720,7 +4559,6 @@ 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); @@ -4744,32 +4582,31 @@ 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; @@ -4828,7 +4665,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 { @@ -4842,7 +4679,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 { @@ -4853,7 +4690,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 { @@ -4911,10 +4748,9 @@ 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; @@ -4951,7 +4787,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 { @@ -4965,7 +4801,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 { @@ -4976,7 +4812,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 { @@ -5010,7 +4846,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #f9fafb; @@ -5049,7 +4884,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 { @@ -5080,7 +4915,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 { @@ -5094,7 +4929,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 { @@ -5105,7 +4940,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 { @@ -5122,7 +4957,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5297,7 +5131,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 { @@ -5311,7 +5145,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 { @@ -5322,7 +5156,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 { @@ -5338,7 +5172,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5381,7 +5214,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 { @@ -5395,7 +5228,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 { @@ -5406,7 +5239,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 { @@ -5453,7 +5286,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5498,7 +5330,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -5569,7 +5400,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #DDD6FE; } - .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5620,7 +5450,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 { @@ -5634,7 +5464,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 { @@ -5645,7 +5475,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 { @@ -5659,7 +5489,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5715,7 +5544,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 6px; @@ -5804,7 +5632,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 1; } @@ -5855,7 +5682,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 { @@ -5865,7 +5692,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 { @@ -5875,7 +5702,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 { @@ -5885,10 +5712,9 @@ 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; @@ -5919,7 +5745,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 { @@ -5976,7 +5802,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; @@ -5986,7 +5812,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; } @@ -5995,29 +5821,23 @@ 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; @@ -6041,7 +5861,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #e5e7eb; border-radius: 6px; @@ -6062,11 +5881,9 @@ .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; @@ -6108,7 +5925,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #e5e7eb; color: #4b5563; @@ -6144,7 +5960,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6159,7 +5974,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #DDD6FE; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6175,7 +5989,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6197,7 +6010,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #e5e7eb; border-radius: 6px; @@ -6205,7 +6017,6 @@ .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; @@ -6238,7 +6049,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #4b5563; @@ -6255,78 +6065,65 @@ .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 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0); } - .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 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 rgb(0, 0, 0); } - .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 718f8927920..0c8314288c6 100644 --- a/src/assets/components/themes/lara-light-teal/theme.css +++ b/src/assets/components/themes/lara-light-teal/theme.css @@ -293,40 +293,32 @@ * { 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); @@ -338,15 +330,12 @@ 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; @@ -363,7 +352,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -410,7 +398,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e24c4c; } - .p-autocomplete-panel { background: #ffffff; color: #4b5563; @@ -452,11 +439,9 @@ background: #ffffff; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e24c4c; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -464,23 +449,19 @@ 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; @@ -507,7 +488,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; @@ -517,13 +498,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; @@ -532,14 +513,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 { @@ -688,7 +669,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -696,12 +676,10 @@ 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; @@ -744,7 +722,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e24c4c; } - .p-cascadeselect-panel { background: #ffffff; color: #4b5563; @@ -784,7 +761,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f3f4f6; } @@ -794,11 +770,9 @@ .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; } @@ -806,7 +780,6 @@ color: #6b7280; right: 3rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -815,7 +788,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 22px; height: 22px; @@ -856,11 +828,9 @@ 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; } @@ -873,15 +843,12 @@ .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; } @@ -920,11 +887,9 @@ 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; } @@ -932,26 +897,22 @@ 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; @@ -995,7 +956,6 @@ .p-dropdown.p-invalid.p-component { border-color: #e24c4c; } - .p-dropdown-panel { background: #ffffff; color: #4b5563; @@ -1059,7 +1019,6 @@ color: #4b5563; background: transparent; } - .p-input-filled .p-dropdown { background: #f3f4f6; } @@ -1072,11 +1031,9 @@ .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-inputgroup-addon { background: #f3f4f6; color: #6b7280; @@ -1089,68 +1046,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e24c4c; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1158,11 +1107,9 @@ 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; } @@ -1170,14 +1117,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1216,11 +1161,9 @@ .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); @@ -1253,57 +1196,45 @@ 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; } - ::-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; } @@ -1313,17 +1244,14 @@ .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; @@ -1398,11 +1326,9 @@ 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; @@ -1442,11 +1368,9 @@ 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; } @@ -1454,7 +1378,6 @@ color: #6b7280; right: 3rem; } - .p-multiselect-panel { background: #ffffff; color: #4b5563; @@ -1543,7 +1466,6 @@ color: #4b5563; background: transparent; } - .p-input-filled .p-multiselect { background: #f3f4f6; } @@ -1553,15 +1475,12 @@ .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; @@ -1583,7 +1502,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1591,7 +1509,6 @@ color: #6b7280; right: 0.75rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1599,7 +1516,6 @@ color: #6b7280; right: 2.5rem; } - .p-radiobutton { width: 22px; height: 22px; @@ -1637,11 +1553,9 @@ 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; } @@ -1654,11 +1568,9 @@ .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; } @@ -1689,7 +1601,6 @@ .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; @@ -1697,7 +1608,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 { @@ -1706,7 +1617,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 { @@ -1715,7 +1626,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 { @@ -1724,14 +1635,12 @@ 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; @@ -1783,7 +1692,6 @@ .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; @@ -1791,7 +1699,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 { @@ -1800,7 +1708,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 { @@ -1809,7 +1717,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 { @@ -1818,14 +1726,12 @@ 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; @@ -1862,15 +1768,12 @@ 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; @@ -1930,7 +1833,6 @@ color: #4b5563; background: transparent; } - .p-input-filled .p-treeselect { background: #f3f4f6; } @@ -1940,7 +1842,6 @@ .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; } @@ -1948,7 +1849,6 @@ color: #6b7280; right: 3rem; } - .p-button { color: #ffffff; background: #14b8a6; @@ -2060,7 +1960,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 { @@ -2087,7 +1987,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2100,421 +1999,414 @@ .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; @@ -2538,7 +2430,6 @@ color: #0f766e; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2550,17 +2441,14 @@ 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; @@ -2571,52 +2459,45 @@ 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; } @@ -2694,7 +2575,6 @@ .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; @@ -2723,7 +2603,6 @@ border-color: transparent; color: #64748b; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0ea5e9; @@ -2752,7 +2631,6 @@ border-color: transparent; color: #0ea5e9; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #22c55e; @@ -2781,7 +2659,6 @@ border-color: transparent; color: #22c55e; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #f97316; @@ -2810,7 +2687,6 @@ border-color: transparent; color: #f97316; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #a855f7; @@ -2839,7 +2715,6 @@ border-color: transparent; color: #a855f7; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef4444; @@ -2868,9 +2743,8 @@ 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; @@ -2881,13 +2755,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; @@ -2913,7 +2787,6 @@ background: #f0fdfa; color: #0f766e; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3007,9 +2880,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; @@ -3019,17 +2892,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; @@ -3059,12 +2932,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 { @@ -3167,7 +3040,6 @@ .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; @@ -3206,12 +3078,10 @@ .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; @@ -3239,7 +3109,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3259,7 +3128,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } - .p-column-filter-overlay { background: #ffffff; color: #4b5563; @@ -3297,7 +3165,6 @@ 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; @@ -3326,7 +3193,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3404,7 +3270,6 @@ .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); @@ -3413,7 +3278,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f3f4f6; color: #4b5563; @@ -3452,7 +3316,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } - .p-paginator { background: #ffffff; color: #6b7280; @@ -3462,9 +3325,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; @@ -3475,9 +3338,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; @@ -3534,7 +3397,6 @@ border-color: transparent; color: #374151; } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3612,7 +3474,6 @@ .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); @@ -3621,7 +3482,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #14b8a6; border-radius: 50%; @@ -3633,20 +3493,19 @@ 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; @@ -3703,11 +3562,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 { @@ -3780,7 +3639,6 @@ 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; @@ -3920,7 +3778,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 { @@ -3981,7 +3839,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #f9fafb; color: #374151; @@ -4006,7 +3863,6 @@ 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; @@ -4055,7 +3911,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } - .p-card { background: #ffffff; color: #4b5563; @@ -4081,7 +3936,6 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4105,7 +3959,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #e5e7eb; background: #ffffff; @@ -4146,7 +3999,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #e5e7eb; padding: 1.25rem; @@ -4213,7 +4065,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f9fafb; border: 0 none; @@ -4224,7 +4075,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } - .p-splitter { border: 1px solid #e5e7eb; background: #ffffff; @@ -4246,7 +4096,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4315,7 +4164,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-toolbar { background: #f9fafb; border: 1px solid #e5e7eb; @@ -4326,7 +4174,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #4b5563; @@ -4374,7 +4221,6 @@ .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); @@ -4447,7 +4293,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #4b5563; @@ -4489,7 +4334,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #4b5563; @@ -4500,7 +4344,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; @@ -4510,13 +4354,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; @@ -4530,7 +4374,6 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } - .p-tooltip .p-tooltip-text { background: #4b5563; color: #ffffff; @@ -4550,7 +4393,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4b5563; } - .p-fileupload .p-fileupload-buttonbar { background: #f9fafb; padding: 1.25rem; @@ -4590,7 +4432,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #0d9488; color: #ffffff; @@ -4601,7 +4442,6 @@ color: #ffffff; border-color: #0f766e; } - .p-breadcrumb { background: #ffffff; border: 1px solid #e5e7eb; @@ -4633,7 +4473,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6b7280; } - .p-contextmenu { padding: 0.5rem 0; background: #ffffff; @@ -4681,7 +4520,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 { @@ -4695,7 +4534,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 { @@ -4706,7 +4545,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 { @@ -4720,7 +4559,6 @@ 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); @@ -4744,32 +4582,31 @@ 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; @@ -4828,7 +4665,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 { @@ -4842,7 +4679,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 { @@ -4853,7 +4690,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 { @@ -4911,10 +4748,9 @@ 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; @@ -4951,7 +4787,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 { @@ -4965,7 +4801,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 { @@ -4976,7 +4812,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 { @@ -5010,7 +4846,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #f9fafb; @@ -5049,7 +4884,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 { @@ -5080,7 +4915,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 { @@ -5094,7 +4929,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 { @@ -5105,7 +4940,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 { @@ -5122,7 +4957,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5297,7 +5131,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 { @@ -5311,7 +5145,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 { @@ -5322,7 +5156,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 { @@ -5338,7 +5172,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5381,7 +5214,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 { @@ -5395,7 +5228,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 { @@ -5406,7 +5239,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 { @@ -5453,7 +5286,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5498,7 +5330,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -5569,7 +5400,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #99f6e4; } - .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5620,7 +5450,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 { @@ -5634,7 +5464,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 { @@ -5645,7 +5475,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 { @@ -5659,7 +5489,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5715,7 +5544,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 6px; @@ -5804,7 +5632,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 1; } @@ -5855,7 +5682,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 { @@ -5865,7 +5692,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 { @@ -5875,7 +5702,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 { @@ -5885,10 +5712,9 @@ 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; @@ -5919,7 +5745,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 { @@ -5976,7 +5802,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; @@ -5986,7 +5812,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; } @@ -5995,29 +5821,23 @@ 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; @@ -6041,7 +5861,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #e5e7eb; border-radius: 6px; @@ -6062,11 +5881,9 @@ .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; @@ -6108,7 +5925,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #e5e7eb; color: #4b5563; @@ -6144,7 +5960,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6159,7 +5974,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6175,7 +5989,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6197,7 +6010,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #e5e7eb; border-radius: 6px; @@ -6205,7 +6017,6 @@ .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; @@ -6238,7 +6049,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #4b5563; @@ -6255,78 +6065,65 @@ .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 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b0b9c6, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #88eaac, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #83d3f8, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #fcb98b, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #d4aafb, 0 1px 2px 0 rgb(0, 0, 0); } .p-button.p-button-danger:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 rgb(0, 0, 0); } - .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 black; + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #75f0e3, 0 1px 2px 0 rgb(0, 0, 0); } - .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 af5f97c981a..8117d1b1caa 100644 --- a/src/assets/components/themes/luna-amber/theme.css +++ b/src/assets/components/themes/luna-amber/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e57373; } - .p-autocomplete-panel { background: #323232; color: #dedede; @@ -435,11 +422,9 @@ background: #191919; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e57373; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -447,23 +432,19 @@ 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; @@ -490,23 +471,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: #8888; + color: rgba(136, 136, 136, 0.5333333333); 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; @@ -515,14 +496,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 { @@ -581,7 +562,7 @@ .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e57373; } - .p-cascadeselect-panel { background: #323232; color: #dedede; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #4b4b4b; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #888888; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,19 +826,15 @@ .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; } @@ -907,11 +873,9 @@ 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; } @@ -919,26 +883,22 @@ 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; @@ -982,7 +942,6 @@ .p-dropdown.p-invalid.p-component { border-color: #e57373; } - .p-dropdown-panel { background: #323232; color: #dedede; @@ -1046,7 +1005,6 @@ color: #dedede; background: transparent; } - .p-input-filled .p-dropdown { background: #4b4b4b; } @@ -1059,11 +1017,9 @@ .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-inputgroup-addon { background: #252525; color: #888888; @@ -1076,68 +1032,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e57373; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1145,11 +1093,9 @@ 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; } @@ -1157,14 +1103,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1203,11 +1147,9 @@ .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); @@ -1240,57 +1182,45 @@ 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; } - ::-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; } @@ -1300,17 +1230,14 @@ .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; @@ -1385,11 +1312,9 @@ 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; @@ -1429,11 +1354,9 @@ 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; } @@ -1441,7 +1364,6 @@ color: #888888; right: 2.357rem; } - .p-multiselect-panel { background: #323232; color: #dedede; @@ -1472,7 +1394,7 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -1530,7 +1452,6 @@ color: #dedede; background: transparent; } - .p-input-filled .p-multiselect { background: #4b4b4b; } @@ -1540,15 +1461,12 @@ .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; @@ -1570,7 +1488,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #aed581; } - p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1578,7 +1495,6 @@ color: #888888; right: 0.429rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1586,7 +1502,6 @@ color: #888888; right: 1.858rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1624,11 +1539,9 @@ 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; } @@ -1641,15 +1554,12 @@ .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; } @@ -1680,11 +1590,9 @@ .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; @@ -1692,7 +1600,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 { @@ -1701,7 +1609,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 { @@ -1710,7 +1618,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 { @@ -1719,14 +1627,12 @@ 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; @@ -1778,7 +1684,6 @@ .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; @@ -1786,7 +1691,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 { @@ -1795,7 +1700,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 { @@ -1804,7 +1709,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 { @@ -1813,14 +1718,12 @@ 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; @@ -1857,15 +1760,12 @@ 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; @@ -1901,7 +1801,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -1925,7 +1825,6 @@ color: #dedede; background: transparent; } - .p-input-filled .p-treeselect { background: #4b4b4b; } @@ -1935,7 +1834,6 @@ .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; } @@ -1943,7 +1841,6 @@ color: #888888; right: 2.357rem; } - .p-button { color: #212529; background: #FFE082; @@ -2055,7 +1952,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 { @@ -2082,7 +1979,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2095,421 +1991,414 @@ .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; @@ -2533,7 +2422,6 @@ color: #FFE082; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2545,17 +2433,14 @@ 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; @@ -2566,52 +2451,45 @@ 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; } @@ -2689,7 +2567,6 @@ .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; @@ -2718,7 +2595,6 @@ border-color: transparent; color: #b0bec5; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #4fc3f7; @@ -2747,7 +2623,6 @@ border-color: transparent; color: #4fc3f7; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #aed581; @@ -2776,7 +2651,6 @@ border-color: transparent; color: #aed581; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffb74d; @@ -2805,7 +2679,6 @@ border-color: transparent; color: #ffb74d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2834,7 +2707,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e57373; @@ -2863,12 +2735,11 @@ 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: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -2876,13 +2747,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; @@ -2908,7 +2779,6 @@ background: #FFE082; color: #212529; } - .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3002,29 +2872,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: #8888; + color: rgba(136, 136, 136, 0.5333333333); 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; @@ -3054,12 +2924,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 { @@ -3162,7 +3032,6 @@ .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; @@ -3201,16 +3070,14 @@ .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: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3234,11 +3101,10 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3254,7 +3120,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-column-filter-overlay { background: #323232; color: #dedede; @@ -3292,7 +3157,6 @@ 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; @@ -3321,7 +3185,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3399,7 +3262,6 @@ .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); @@ -3408,7 +3270,6 @@ background: #323232; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3447,7 +3308,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-paginator { background: #252525; color: #dedede; @@ -3457,9 +3317,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; @@ -3470,9 +3330,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; @@ -3529,7 +3389,6 @@ border-color: transparent; color: #4c4c4c; } - .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3607,7 +3466,6 @@ .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); @@ -3616,7 +3474,6 @@ background: #323232; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3628,20 +3485,19 @@ 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; @@ -3667,7 +3523,7 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3698,11 +3554,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 { @@ -3775,7 +3631,6 @@ 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; @@ -3863,7 +3718,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3915,7 +3770,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 { @@ -3976,7 +3831,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #191919; color: #dedede; @@ -4001,7 +3855,6 @@ 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; @@ -4050,7 +3903,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } - .p-card { background: #323232; color: #dedede; @@ -4076,7 +3928,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #323232; } @@ -4100,7 +3951,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #191919; background: #323232; @@ -4141,7 +3991,6 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } - .p-panel .p-panel-header { border: 1px solid #191919; padding: 0.857rem 1rem; @@ -4156,7 +4005,7 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -4208,7 +4057,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #3f3f3f; border: 0 none; @@ -4219,7 +4067,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-splitter { border: 1px solid #191919; background: #323232; @@ -4241,7 +4088,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #4b4b4b; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4310,7 +4156,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #191919; border: 1px solid #191919; @@ -4321,7 +4166,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #323232; color: #dedede; @@ -4369,7 +4213,6 @@ .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); @@ -4390,7 +4233,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -4442,7 +4285,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #323232; color: #dedede; @@ -4484,7 +4326,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #191919; } - .p-sidebar { background: #323232; color: #dedede; @@ -4495,23 +4336,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: #8888; + color: rgba(136, 136, 136, 0.5333333333); 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; @@ -4525,7 +4366,6 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } - .p-tooltip .p-tooltip-text { background: #4c4c4c; color: #dedede; @@ -4545,7 +4385,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4c4c4c; } - .p-fileupload .p-fileupload-buttonbar { background: #191919; padding: 0.857rem 1rem; @@ -4585,7 +4424,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #FFD54F; color: #212529; @@ -4596,7 +4434,6 @@ color: #212529; border-color: #FFCA28; } - .p-breadcrumb { background: #252525; border: 1px solid #191919; @@ -4628,7 +4465,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #dedede; } - .p-contextmenu { padding: 0; background: #252525; @@ -4676,7 +4512,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 { @@ -4690,7 +4526,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 { @@ -4701,7 +4537,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 { @@ -4715,7 +4551,6 @@ 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); @@ -4739,32 +4574,31 @@ 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; @@ -4823,7 +4657,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 { @@ -4837,7 +4671,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 { @@ -4848,7 +4682,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 { @@ -4906,10 +4740,9 @@ 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; @@ -4946,7 +4779,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 { @@ -4960,7 +4793,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 { @@ -4971,7 +4804,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 { @@ -5005,7 +4838,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #252525; @@ -5044,7 +4876,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 { @@ -5075,7 +4907,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 { @@ -5089,7 +4921,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 { @@ -5100,7 +4932,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 { @@ -5117,7 +4949,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5292,7 +5123,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 { @@ -5306,7 +5137,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 { @@ -5317,7 +5148,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 { @@ -5333,7 +5164,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } - .p-slidemenu { padding: 0; background: #252525; @@ -5376,7 +5206,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 { @@ -5390,7 +5220,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 { @@ -5401,7 +5231,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 { @@ -5448,7 +5278,6 @@ 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; @@ -5493,7 +5322,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5564,7 +5392,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; } - .p-tieredmenu { padding: 0; background: #252525; @@ -5615,7 +5442,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 { @@ -5629,7 +5456,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 { @@ -5640,7 +5467,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 { @@ -5654,7 +5481,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem; margin: 0; @@ -5710,7 +5536,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5799,7 +5624,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5850,7 +5674,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 { @@ -5860,7 +5684,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 { @@ -5870,7 +5694,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 { @@ -5880,10 +5704,9 @@ 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; @@ -5914,7 +5737,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 { @@ -5971,7 +5794,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; @@ -5981,7 +5804,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; } @@ -5990,29 +5813,23 @@ 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; @@ -6036,7 +5853,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #4b4b4b; border-radius: 3px; @@ -6057,11 +5873,9 @@ .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; @@ -6103,7 +5917,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #4b4b4b; color: #dedede; @@ -6139,7 +5952,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6154,7 +5966,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-progressbar { border: 0 none; height: 24px; @@ -6170,7 +5981,6 @@ color: #212529; line-height: 24px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6192,7 +6002,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6200,7 +6009,6 @@ .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; @@ -6233,7 +6041,6 @@ 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 541893139aa..8f5aa713cf2 100644 --- a/src/assets/components/themes/luna-blue/theme.css +++ b/src/assets/components/themes/luna-blue/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e57373; } - .p-autocomplete-panel { background: #323232; color: #dedede; @@ -435,11 +422,9 @@ background: #191919; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e57373; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -447,23 +432,19 @@ 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; @@ -490,23 +471,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: #8888; + color: rgba(136, 136, 136, 0.5333333333); 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; @@ -515,14 +496,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 { @@ -581,7 +562,7 @@ .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e57373; } - .p-cascadeselect-panel { background: #323232; color: #dedede; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #4b4b4b; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #888888; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,19 +826,15 @@ .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; } @@ -907,11 +873,9 @@ 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; } @@ -919,26 +883,22 @@ 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; @@ -982,7 +942,6 @@ .p-dropdown.p-invalid.p-component { border-color: #e57373; } - .p-dropdown-panel { background: #323232; color: #dedede; @@ -1046,7 +1005,6 @@ color: #dedede; background: transparent; } - .p-input-filled .p-dropdown { background: #4b4b4b; } @@ -1059,11 +1017,9 @@ .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-inputgroup-addon { background: #252525; color: #888888; @@ -1076,68 +1032,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e57373; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1145,11 +1093,9 @@ 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; } @@ -1157,14 +1103,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1203,11 +1147,9 @@ .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); @@ -1240,57 +1182,45 @@ 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; } - ::-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; } @@ -1300,17 +1230,14 @@ .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; @@ -1385,11 +1312,9 @@ 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; @@ -1429,11 +1354,9 @@ 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; } @@ -1441,7 +1364,6 @@ color: #888888; right: 2.357rem; } - .p-multiselect-panel { background: #323232; color: #dedede; @@ -1472,7 +1394,7 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -1530,7 +1452,6 @@ color: #dedede; background: transparent; } - .p-input-filled .p-multiselect { background: #4b4b4b; } @@ -1540,15 +1461,12 @@ .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; @@ -1570,7 +1488,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #aed581; } - p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1578,7 +1495,6 @@ color: #888888; right: 0.429rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1586,7 +1502,6 @@ color: #888888; right: 1.858rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1624,11 +1539,9 @@ 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; } @@ -1641,15 +1554,12 @@ .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; } @@ -1680,11 +1590,9 @@ .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; @@ -1692,7 +1600,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 { @@ -1701,7 +1609,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 { @@ -1710,7 +1618,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 { @@ -1719,14 +1627,12 @@ 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; @@ -1778,7 +1684,6 @@ .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; @@ -1786,7 +1691,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 { @@ -1795,7 +1700,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 { @@ -1804,7 +1709,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 { @@ -1813,14 +1718,12 @@ 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; @@ -1857,15 +1760,12 @@ 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; @@ -1901,7 +1801,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -1925,7 +1825,6 @@ color: #dedede; background: transparent; } - .p-input-filled .p-treeselect { background: #4b4b4b; } @@ -1935,7 +1834,6 @@ .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; } @@ -1943,7 +1841,6 @@ color: #888888; right: 2.357rem; } - .p-button { color: #212529; background: #81D4FA; @@ -2055,7 +1952,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 { @@ -2082,7 +1979,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2095,421 +1991,414 @@ .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; @@ -2533,7 +2422,6 @@ color: #81D4FA; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2545,17 +2433,14 @@ 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; @@ -2566,52 +2451,45 @@ 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; } @@ -2689,7 +2567,6 @@ .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; @@ -2718,7 +2595,6 @@ border-color: transparent; color: #b0bec5; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #4fc3f7; @@ -2747,7 +2623,6 @@ border-color: transparent; color: #4fc3f7; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #aed581; @@ -2776,7 +2651,6 @@ border-color: transparent; color: #aed581; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffb74d; @@ -2805,7 +2679,6 @@ border-color: transparent; color: #ffb74d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2834,7 +2707,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e57373; @@ -2863,12 +2735,11 @@ 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: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -2876,13 +2747,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; @@ -2908,7 +2779,6 @@ background: #81D4FA; color: #212529; } - .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3002,29 +2872,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: #8888; + color: rgba(136, 136, 136, 0.5333333333); 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; @@ -3054,12 +2924,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 { @@ -3162,7 +3032,6 @@ .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; @@ -3201,16 +3070,14 @@ .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: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3234,11 +3101,10 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3254,7 +3120,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-column-filter-overlay { background: #323232; color: #dedede; @@ -3292,7 +3157,6 @@ 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; @@ -3321,7 +3185,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3399,7 +3262,6 @@ .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); @@ -3408,7 +3270,6 @@ background: #323232; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3447,7 +3308,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-paginator { background: #252525; color: #dedede; @@ -3457,9 +3317,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; @@ -3470,9 +3330,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; @@ -3529,7 +3389,6 @@ border-color: transparent; color: #4c4c4c; } - .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3607,7 +3466,6 @@ .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); @@ -3616,7 +3474,6 @@ background: #323232; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3628,20 +3485,19 @@ 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; @@ -3667,7 +3523,7 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3698,11 +3554,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 { @@ -3775,7 +3631,6 @@ 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; @@ -3863,7 +3718,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3915,7 +3770,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 { @@ -3976,7 +3831,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #191919; color: #dedede; @@ -4001,7 +3855,6 @@ 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; @@ -4050,7 +3903,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } - .p-card { background: #323232; color: #dedede; @@ -4076,7 +3928,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #323232; } @@ -4100,7 +3951,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #191919; background: #323232; @@ -4141,7 +3991,6 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } - .p-panel .p-panel-header { border: 1px solid #191919; padding: 0.857rem 1rem; @@ -4156,7 +4005,7 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -4208,7 +4057,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #3f3f3f; border: 0 none; @@ -4219,7 +4067,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-splitter { border: 1px solid #191919; background: #323232; @@ -4241,7 +4088,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #4b4b4b; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4310,7 +4156,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #191919; border: 1px solid #191919; @@ -4321,7 +4166,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #323232; color: #dedede; @@ -4369,7 +4213,6 @@ .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); @@ -4390,7 +4233,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -4442,7 +4285,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #323232; color: #dedede; @@ -4484,7 +4326,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #191919; } - .p-sidebar { background: #323232; color: #dedede; @@ -4495,23 +4336,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: #8888; + color: rgba(136, 136, 136, 0.5333333333); 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; @@ -4525,7 +4366,6 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } - .p-tooltip .p-tooltip-text { background: #4c4c4c; color: #dedede; @@ -4545,7 +4385,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4c4c4c; } - .p-fileupload .p-fileupload-buttonbar { background: #191919; padding: 0.857rem 1rem; @@ -4585,7 +4424,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #4FC3F7; color: #212529; @@ -4596,7 +4434,6 @@ color: #212529; border-color: #29B6F6; } - .p-breadcrumb { background: #252525; border: 1px solid #191919; @@ -4628,7 +4465,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #dedede; } - .p-contextmenu { padding: 0; background: #252525; @@ -4676,7 +4512,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 { @@ -4690,7 +4526,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 { @@ -4701,7 +4537,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 { @@ -4715,7 +4551,6 @@ 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); @@ -4739,32 +4574,31 @@ 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; @@ -4823,7 +4657,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 { @@ -4837,7 +4671,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 { @@ -4848,7 +4682,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 { @@ -4906,10 +4740,9 @@ 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; @@ -4946,7 +4779,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 { @@ -4960,7 +4793,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 { @@ -4971,7 +4804,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 { @@ -5005,7 +4838,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #252525; @@ -5044,7 +4876,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 { @@ -5075,7 +4907,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 { @@ -5089,7 +4921,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 { @@ -5100,7 +4932,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 { @@ -5117,7 +4949,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5292,7 +5123,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 { @@ -5306,7 +5137,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 { @@ -5317,7 +5148,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 { @@ -5333,7 +5164,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } - .p-slidemenu { padding: 0; background: #252525; @@ -5376,7 +5206,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 { @@ -5390,7 +5220,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 { @@ -5401,7 +5231,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 { @@ -5448,7 +5278,6 @@ 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; @@ -5493,7 +5322,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5564,7 +5392,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; } - .p-tieredmenu { padding: 0; background: #252525; @@ -5615,7 +5442,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 { @@ -5629,7 +5456,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 { @@ -5640,7 +5467,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 { @@ -5654,7 +5481,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem; margin: 0; @@ -5710,7 +5536,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5799,7 +5624,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5850,7 +5674,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 { @@ -5860,7 +5684,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 { @@ -5870,7 +5694,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 { @@ -5880,10 +5704,9 @@ 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; @@ -5914,7 +5737,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 { @@ -5971,7 +5794,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; @@ -5981,7 +5804,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; } @@ -5990,29 +5813,23 @@ 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; @@ -6036,7 +5853,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #4b4b4b; border-radius: 3px; @@ -6057,11 +5873,9 @@ .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; @@ -6103,7 +5917,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #4b4b4b; color: #dedede; @@ -6139,7 +5952,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6154,7 +5966,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-progressbar { border: 0 none; height: 24px; @@ -6170,7 +5981,6 @@ color: #212529; line-height: 24px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6192,7 +6002,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6200,7 +6009,6 @@ .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; @@ -6233,7 +6041,6 @@ 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 1bc15bcfdd5..9905e5aa3d7 100644 --- a/src/assets/components/themes/luna-green/theme.css +++ b/src/assets/components/themes/luna-green/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e57373; } - .p-autocomplete-panel { background: #323232; color: #dedede; @@ -435,11 +422,9 @@ background: #191919; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e57373; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -447,23 +432,19 @@ 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; @@ -490,23 +471,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: #8888; + color: rgba(136, 136, 136, 0.5333333333); 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; @@ -515,14 +496,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 { @@ -581,7 +562,7 @@ .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e57373; } - .p-cascadeselect-panel { background: #323232; color: #dedede; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #4b4b4b; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #888888; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,19 +826,15 @@ .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; } @@ -907,11 +873,9 @@ 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; } @@ -919,26 +883,22 @@ 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; @@ -982,7 +942,6 @@ .p-dropdown.p-invalid.p-component { border-color: #e57373; } - .p-dropdown-panel { background: #323232; color: #dedede; @@ -1046,7 +1005,6 @@ color: #dedede; background: transparent; } - .p-input-filled .p-dropdown { background: #4b4b4b; } @@ -1059,11 +1017,9 @@ .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-inputgroup-addon { background: #252525; color: #888888; @@ -1076,68 +1032,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e57373; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1145,11 +1093,9 @@ 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; } @@ -1157,14 +1103,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1203,11 +1147,9 @@ .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); @@ -1240,57 +1182,45 @@ 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; } - ::-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; } @@ -1300,17 +1230,14 @@ .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; @@ -1385,11 +1312,9 @@ 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; @@ -1429,11 +1354,9 @@ 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; } @@ -1441,7 +1364,6 @@ color: #888888; right: 2.357rem; } - .p-multiselect-panel { background: #323232; color: #dedede; @@ -1472,7 +1394,7 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -1530,7 +1452,6 @@ color: #dedede; background: transparent; } - .p-input-filled .p-multiselect { background: #4b4b4b; } @@ -1540,15 +1461,12 @@ .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; @@ -1570,7 +1488,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #aed581; } - p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1578,7 +1495,6 @@ color: #888888; right: 0.429rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1586,7 +1502,6 @@ color: #888888; right: 1.858rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1624,11 +1539,9 @@ 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; } @@ -1641,15 +1554,12 @@ .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; } @@ -1680,11 +1590,9 @@ .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; @@ -1692,7 +1600,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 { @@ -1701,7 +1609,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 { @@ -1710,7 +1618,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 { @@ -1719,14 +1627,12 @@ 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; @@ -1778,7 +1684,6 @@ .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; @@ -1786,7 +1691,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 { @@ -1795,7 +1700,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 { @@ -1804,7 +1709,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 { @@ -1813,14 +1718,12 @@ 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; @@ -1857,15 +1760,12 @@ 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; @@ -1901,7 +1801,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -1925,7 +1825,6 @@ color: #dedede; background: transparent; } - .p-input-filled .p-treeselect { background: #4b4b4b; } @@ -1935,7 +1834,6 @@ .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; } @@ -1943,7 +1841,6 @@ color: #888888; right: 2.357rem; } - .p-button { color: #212529; background: #C5E1A5; @@ -2055,7 +1952,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 { @@ -2082,7 +1979,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2095,421 +1991,414 @@ .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; @@ -2533,7 +2422,6 @@ color: #C5E1A5; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2545,17 +2433,14 @@ 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; @@ -2566,52 +2451,45 @@ 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; } @@ -2689,7 +2567,6 @@ .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; @@ -2718,7 +2595,6 @@ border-color: transparent; color: #b0bec5; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #4fc3f7; @@ -2747,7 +2623,6 @@ border-color: transparent; color: #4fc3f7; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #aed581; @@ -2776,7 +2651,6 @@ border-color: transparent; color: #aed581; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffb74d; @@ -2805,7 +2679,6 @@ border-color: transparent; color: #ffb74d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2834,7 +2707,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e57373; @@ -2863,12 +2735,11 @@ 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: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -2876,13 +2747,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; @@ -2908,7 +2779,6 @@ background: #C5E1A5; color: #212529; } - .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3002,29 +2872,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: #8888; + color: rgba(136, 136, 136, 0.5333333333); 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; @@ -3054,12 +2924,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 { @@ -3162,7 +3032,6 @@ .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; @@ -3201,16 +3070,14 @@ .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: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3234,11 +3101,10 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3254,7 +3120,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-column-filter-overlay { background: #323232; color: #dedede; @@ -3292,7 +3157,6 @@ 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; @@ -3321,7 +3185,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3399,7 +3262,6 @@ .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); @@ -3408,7 +3270,6 @@ background: #323232; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3447,7 +3308,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-paginator { background: #252525; color: #dedede; @@ -3457,9 +3317,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; @@ -3470,9 +3330,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; @@ -3529,7 +3389,6 @@ border-color: transparent; color: #4c4c4c; } - .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3607,7 +3466,6 @@ .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); @@ -3616,7 +3474,6 @@ background: #323232; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3628,20 +3485,19 @@ 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; @@ -3667,7 +3523,7 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3698,11 +3554,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 { @@ -3775,7 +3631,6 @@ 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; @@ -3863,7 +3718,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3915,7 +3770,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 { @@ -3976,7 +3831,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #191919; color: #dedede; @@ -4001,7 +3855,6 @@ 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; @@ -4050,7 +3903,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } - .p-card { background: #323232; color: #dedede; @@ -4076,7 +3928,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #323232; } @@ -4100,7 +3951,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #191919; background: #323232; @@ -4141,7 +3991,6 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } - .p-panel .p-panel-header { border: 1px solid #191919; padding: 0.857rem 1rem; @@ -4156,7 +4005,7 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -4208,7 +4057,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #3f3f3f; border: 0 none; @@ -4219,7 +4067,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-splitter { border: 1px solid #191919; background: #323232; @@ -4241,7 +4088,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #4b4b4b; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4310,7 +4156,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #191919; border: 1px solid #191919; @@ -4321,7 +4166,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #323232; color: #dedede; @@ -4369,7 +4213,6 @@ .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); @@ -4390,7 +4233,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -4442,7 +4285,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #323232; color: #dedede; @@ -4484,7 +4326,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #191919; } - .p-sidebar { background: #323232; color: #dedede; @@ -4495,23 +4336,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: #8888; + color: rgba(136, 136, 136, 0.5333333333); 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; @@ -4525,7 +4366,6 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } - .p-tooltip .p-tooltip-text { background: #4c4c4c; color: #dedede; @@ -4545,7 +4385,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4c4c4c; } - .p-fileupload .p-fileupload-buttonbar { background: #191919; padding: 0.857rem 1rem; @@ -4585,7 +4424,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #AED581; color: #212529; @@ -4596,7 +4434,6 @@ color: #212529; border-color: #9CCC65; } - .p-breadcrumb { background: #252525; border: 1px solid #191919; @@ -4628,7 +4465,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #dedede; } - .p-contextmenu { padding: 0; background: #252525; @@ -4676,7 +4512,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 { @@ -4690,7 +4526,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 { @@ -4701,7 +4537,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 { @@ -4715,7 +4551,6 @@ 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); @@ -4739,32 +4574,31 @@ 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; @@ -4823,7 +4657,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 { @@ -4837,7 +4671,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 { @@ -4848,7 +4682,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 { @@ -4906,10 +4740,9 @@ 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; @@ -4946,7 +4779,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 { @@ -4960,7 +4793,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 { @@ -4971,7 +4804,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 { @@ -5005,7 +4838,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #252525; @@ -5044,7 +4876,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 { @@ -5075,7 +4907,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 { @@ -5089,7 +4921,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 { @@ -5100,7 +4932,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 { @@ -5117,7 +4949,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5292,7 +5123,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 { @@ -5306,7 +5137,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 { @@ -5317,7 +5148,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 { @@ -5333,7 +5164,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } - .p-slidemenu { padding: 0; background: #252525; @@ -5376,7 +5206,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 { @@ -5390,7 +5220,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 { @@ -5401,7 +5231,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 { @@ -5448,7 +5278,6 @@ 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; @@ -5493,7 +5322,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5564,7 +5392,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; } - .p-tieredmenu { padding: 0; background: #252525; @@ -5615,7 +5442,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 { @@ -5629,7 +5456,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 { @@ -5640,7 +5467,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 { @@ -5654,7 +5481,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem; margin: 0; @@ -5710,7 +5536,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5799,7 +5624,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5850,7 +5674,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 { @@ -5860,7 +5684,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 { @@ -5870,7 +5694,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 { @@ -5880,10 +5704,9 @@ 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; @@ -5914,7 +5737,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 { @@ -5971,7 +5794,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; @@ -5981,7 +5804,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; } @@ -5990,29 +5813,23 @@ 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; @@ -6036,7 +5853,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #4b4b4b; border-radius: 3px; @@ -6057,11 +5873,9 @@ .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; @@ -6103,7 +5917,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #4b4b4b; color: #dedede; @@ -6139,7 +5952,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6154,7 +5966,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-progressbar { border: 0 none; height: 24px; @@ -6170,7 +5981,6 @@ color: #212529; line-height: 24px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6192,7 +6002,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6200,7 +6009,6 @@ .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; @@ -6233,7 +6041,6 @@ 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 fa68bf648dd..26373abadc4 100644 --- a/src/assets/components/themes/luna-pink/theme.css +++ b/src/assets/components/themes/luna-pink/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e57373; } - .p-autocomplete-panel { background: #323232; color: #dedede; @@ -435,11 +422,9 @@ background: #191919; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e57373; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -447,23 +432,19 @@ 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; @@ -490,23 +471,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: #8888; + color: rgba(136, 136, 136, 0.5333333333); 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; @@ -515,14 +496,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 { @@ -581,7 +562,7 @@ .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e57373; } - .p-cascadeselect-panel { background: #323232; color: #dedede; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #4b4b4b; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #888888; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,19 +826,15 @@ .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; } @@ -907,11 +873,9 @@ 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; } @@ -919,26 +883,22 @@ 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; @@ -982,7 +942,6 @@ .p-dropdown.p-invalid.p-component { border-color: #e57373; } - .p-dropdown-panel { background: #323232; color: #dedede; @@ -1046,7 +1005,6 @@ color: #dedede; background: transparent; } - .p-input-filled .p-dropdown { background: #4b4b4b; } @@ -1059,11 +1017,9 @@ .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-inputgroup-addon { background: #252525; color: #888888; @@ -1076,68 +1032,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e57373; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1145,11 +1093,9 @@ 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; } @@ -1157,14 +1103,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1203,11 +1147,9 @@ .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); @@ -1240,57 +1182,45 @@ 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; } - ::-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; } @@ -1300,17 +1230,14 @@ .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; @@ -1385,11 +1312,9 @@ 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; @@ -1429,11 +1354,9 @@ 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; } @@ -1441,7 +1364,6 @@ color: #888888; right: 2.357rem; } - .p-multiselect-panel { background: #323232; color: #dedede; @@ -1472,7 +1394,7 @@ margin-left: 0.5rem; width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -1530,7 +1452,6 @@ color: #dedede; background: transparent; } - .p-input-filled .p-multiselect { background: #4b4b4b; } @@ -1540,15 +1461,12 @@ .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; @@ -1570,7 +1488,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #aed581; } - p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1578,7 +1495,6 @@ color: #888888; right: 0.429rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1586,7 +1502,6 @@ color: #888888; right: 1.858rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1624,11 +1539,9 @@ 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; } @@ -1641,15 +1554,12 @@ .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; } @@ -1680,11 +1590,9 @@ .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; @@ -1692,7 +1600,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 { @@ -1701,7 +1609,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 { @@ -1710,7 +1618,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 { @@ -1719,14 +1627,12 @@ 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; @@ -1778,7 +1684,6 @@ .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; @@ -1786,7 +1691,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 { @@ -1795,7 +1700,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 { @@ -1804,7 +1709,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 { @@ -1813,14 +1718,12 @@ 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; @@ -1857,15 +1760,12 @@ 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; @@ -1901,7 +1801,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -1925,7 +1825,6 @@ color: #dedede; background: transparent; } - .p-input-filled .p-treeselect { background: #4b4b4b; } @@ -1935,7 +1834,6 @@ .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; } @@ -1943,7 +1841,6 @@ color: #888888; right: 2.357rem; } - .p-button { color: #212529; background: #F48FB1; @@ -2055,7 +1952,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 { @@ -2082,7 +1979,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2095,421 +1991,414 @@ .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; @@ -2533,7 +2422,6 @@ color: #F48FB1; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2545,17 +2433,14 @@ 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; @@ -2566,52 +2451,45 @@ 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; } @@ -2689,7 +2567,6 @@ .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; @@ -2718,7 +2595,6 @@ border-color: transparent; color: #b0bec5; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #4fc3f7; @@ -2747,7 +2623,6 @@ border-color: transparent; color: #4fc3f7; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #aed581; @@ -2776,7 +2651,6 @@ border-color: transparent; color: #aed581; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffb74d; @@ -2805,7 +2679,6 @@ border-color: transparent; color: #ffb74d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2834,7 +2707,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e57373; @@ -2863,12 +2735,11 @@ 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: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -2876,13 +2747,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; @@ -2908,7 +2779,6 @@ background: #F48FB1; color: #212529; } - .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3002,29 +2872,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: #8888; + color: rgba(136, 136, 136, 0.5333333333); 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; @@ -3054,12 +2924,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 { @@ -3162,7 +3032,6 @@ .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; @@ -3201,16 +3070,14 @@ .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: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3234,11 +3101,10 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3254,7 +3120,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-column-filter-overlay { background: #323232; color: #dedede; @@ -3292,7 +3157,6 @@ 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; @@ -3321,7 +3185,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3399,7 +3262,6 @@ .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); @@ -3408,7 +3270,6 @@ background: #323232; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #4c4c4c; color: #dedede; @@ -3447,7 +3308,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-paginator { background: #252525; color: #dedede; @@ -3457,9 +3317,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; @@ -3470,9 +3330,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; @@ -3529,7 +3389,6 @@ border-color: transparent; color: #4c4c4c; } - .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3607,7 +3466,6 @@ .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); @@ -3616,7 +3474,6 @@ background: #323232; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3628,20 +3485,19 @@ 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; @@ -3667,7 +3523,7 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3698,11 +3554,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 { @@ -3775,7 +3631,6 @@ 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; @@ -3863,7 +3718,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -3915,7 +3770,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 { @@ -3976,7 +3831,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #191919; color: #dedede; @@ -4001,7 +3855,6 @@ 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; @@ -4050,7 +3903,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } - .p-card { background: #323232; color: #dedede; @@ -4076,7 +3928,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #323232; } @@ -4100,7 +3951,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #191919; background: #323232; @@ -4141,7 +3991,6 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } - .p-panel .p-panel-header { border: 1px solid #191919; padding: 0.857rem 1rem; @@ -4156,7 +4005,7 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -4208,7 +4057,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #3f3f3f; border: 0 none; @@ -4219,7 +4067,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-splitter { border: 1px solid #191919; background: #323232; @@ -4241,7 +4088,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #4b4b4b; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4310,7 +4156,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #191919; border: 1px solid #191919; @@ -4321,7 +4166,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #323232; color: #dedede; @@ -4369,7 +4213,6 @@ .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); @@ -4390,7 +4233,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #8888; + color: rgba(136, 136, 136, 0.5333333333); border: 0 none; background: transparent; border-radius: 50%; @@ -4442,7 +4285,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #323232; color: #dedede; @@ -4484,7 +4326,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #191919; } - .p-sidebar { background: #323232; color: #dedede; @@ -4495,23 +4336,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: #8888; + color: rgba(136, 136, 136, 0.5333333333); 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; @@ -4525,7 +4366,6 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } - .p-tooltip .p-tooltip-text { background: #4c4c4c; color: #dedede; @@ -4545,7 +4385,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4c4c4c; } - .p-fileupload .p-fileupload-buttonbar { background: #191919; padding: 0.857rem 1rem; @@ -4585,7 +4424,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #F06292; color: #212529; @@ -4596,7 +4434,6 @@ color: #212529; border-color: #EC407A; } - .p-breadcrumb { background: #252525; border: 1px solid #191919; @@ -4628,7 +4465,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #dedede; } - .p-contextmenu { padding: 0; background: #252525; @@ -4676,7 +4512,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 { @@ -4690,7 +4526,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 { @@ -4701,7 +4537,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 { @@ -4715,7 +4551,6 @@ 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); @@ -4739,32 +4574,31 @@ 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; @@ -4823,7 +4657,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 { @@ -4837,7 +4671,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 { @@ -4848,7 +4682,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 { @@ -4906,10 +4740,9 @@ 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; @@ -4946,7 +4779,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 { @@ -4960,7 +4793,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 { @@ -4971,7 +4804,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 { @@ -5005,7 +4838,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #252525; @@ -5044,7 +4876,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 { @@ -5075,7 +4907,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 { @@ -5089,7 +4921,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 { @@ -5100,7 +4932,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 { @@ -5117,7 +4949,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5292,7 +5123,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 { @@ -5306,7 +5137,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 { @@ -5317,7 +5148,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 { @@ -5333,7 +5164,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } - .p-slidemenu { padding: 0; background: #252525; @@ -5376,7 +5206,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 { @@ -5390,7 +5220,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 { @@ -5401,7 +5231,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 { @@ -5448,7 +5278,6 @@ 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; @@ -5493,7 +5322,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5564,7 +5392,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.1rem white; } - .p-tieredmenu { padding: 0; background: #252525; @@ -5615,7 +5442,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 { @@ -5629,7 +5456,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 { @@ -5640,7 +5467,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 { @@ -5654,7 +5481,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem; margin: 0; @@ -5710,7 +5536,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5799,7 +5624,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5850,7 +5674,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 { @@ -5860,7 +5684,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 { @@ -5870,7 +5694,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 { @@ -5880,10 +5704,9 @@ 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; @@ -5914,7 +5737,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 { @@ -5971,7 +5794,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; @@ -5981,7 +5804,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; } @@ -5990,29 +5813,23 @@ 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; @@ -6036,7 +5853,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #4b4b4b; border-radius: 3px; @@ -6057,11 +5873,9 @@ .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; @@ -6103,7 +5917,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #4b4b4b; color: #dedede; @@ -6139,7 +5952,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6154,7 +5966,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-progressbar { border: 0 none; height: 24px; @@ -6170,7 +5981,6 @@ color: #212529; line-height: 24px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6192,7 +6002,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6200,7 +6009,6 @@ .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; @@ -6233,7 +6041,6 @@ 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 e99f49d3fe8..78efd55759d 100644 --- a/src/assets/components/themes/md-dark-deeppurple/theme.css +++ b/src/assets/components/themes/md-dark-deeppurple/theme.css @@ -54,24 +54,21 @@ 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; @@ -244,7 +241,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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 1rem 1rem; @@ -299,40 +296,32 @@ * { 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); @@ -344,15 +333,12 @@ 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; @@ -369,7 +355,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 1rem; } @@ -402,7 +387,7 @@ } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.5rem 1rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -410,13 +395,12 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: rgba(255, 255, 255, 0.24); + background: hsla(0, 0%, 100%, 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); @@ -445,11 +429,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -458,11 +442,9 @@ background: transparent; font-weight: 400; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44435; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 3rem; } @@ -470,28 +452,24 @@ 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 0.3); border-radius: 4px; } .p-datepicker:not(.p-datepicker-inline) { @@ -508,12 +486,12 @@ background: #1e1e1e; font-weight: 500; margin: 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 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); @@ -523,13 +501,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; @@ -538,14 +516,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 { @@ -592,13 +570,13 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); padding: 0.5rem; } .p-datepicker .p-timepicker button { @@ -657,7 +635,7 @@ background: rgba(206, 147, 216, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid rgba(255, 255, 255, 0.12); + border-left: 1px solid hsla(0, 0%, 100%, 0.12); padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -694,7 +672,6 @@ outline-offset: 0; box-shadow: none; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 3rem; } @@ -702,12 +679,10 @@ 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; @@ -715,7 +690,7 @@ } .p-cascadeselect { background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -750,7 +725,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44435; } - .p-cascadeselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -778,11 +752,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 1rem 1rem; @@ -790,21 +764,18 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); } - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f44435; } - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 1rem; } @@ -812,7 +783,6 @@ 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; @@ -821,13 +791,12 @@ .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 rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); background: #1e1e1e; width: 18px; height: 18px; @@ -862,32 +831,27 @@ 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: rgba(255, 255, 255, 0.06); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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); } @@ -904,12 +868,12 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.5rem 1rem; margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: rgba(255, 255, 255, 0.24); + background: hsla(0, 0%, 100%, 0.24); color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -926,11 +890,9 @@ 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; } @@ -938,29 +900,25 @@ 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -1001,7 +959,6 @@ .p-dropdown.p-invalid.p-component { border-color: #f44435; } - .p-dropdown-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1011,7 +968,7 @@ } .p-dropdown-panel .p-dropdown-header { padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1047,11 +1004,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -1065,98 +1022,87 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); - 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); + 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); padding: 1rem 1rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid rgba(255, 255, 255, 0.3); + border-right: 1px solid hsla(0, 0%, 100%, 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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44435; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 3rem; } @@ -1164,11 +1110,9 @@ 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; } @@ -1176,20 +1120,18 @@ 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-inputswitch { width: 2.75rem; height: 1rem; } .p-inputswitch .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); + background: hsla(0, 0%, 100%, 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; } @@ -1211,7 +1153,7 @@ box-shadow: none; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); + background: hsla(0, 0%, 100%, 0.3); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: rgba(206, 147, 216, 0.5); @@ -1222,11 +1164,9 @@ .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); @@ -1234,7 +1174,7 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; padding: 1rem 1rem; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; @@ -1259,87 +1199,72 @@ 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; } - ::-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: rgba(255, 255, 255, 0.06); + background-color: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-inputtext:enabled:focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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 rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #1e1e1e; margin: 0; @@ -1392,11 +1317,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-listbox.p-focus { outline: 0 none; @@ -1404,14 +1329,12 @@ box-shadow: none; border-color: #CE93D8; } - p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44435; } - .p-multiselect { background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -1434,7 +1357,7 @@ .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.5rem 1rem; margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1448,11 +1371,9 @@ 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; } @@ -1460,7 +1381,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1470,7 +1390,7 @@ } .p-multiselect-panel .p-multiselect-header { padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1528,11 +1448,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1549,25 +1469,21 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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; @@ -1589,7 +1505,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } - p-password.p-password-clearable .p-password-input { padding-right: 3rem; } @@ -1597,7 +1512,6 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 5rem; } @@ -1605,13 +1519,12 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); background: #1e1e1e; width: 20px; height: 20px; @@ -1643,16 +1556,14 @@ 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: rgba(255, 255, 255, 0.06); + background-color: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #121212; @@ -1660,11 +1571,9 @@ .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; } @@ -1695,7 +1604,6 @@ .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); @@ -1703,7 +1611,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 { @@ -1712,7 +1620,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 { @@ -1721,7 +1629,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 { @@ -1730,16 +1638,14 @@ 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: rgba(255, 255, 255, 0.3); + background: hsla(0, 0%, 100%, 0.3); border: 0 none; border-radius: 4px; } @@ -1789,7 +1695,6 @@ .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); @@ -1797,7 +1702,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 { @@ -1806,7 +1711,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 { @@ -1815,7 +1720,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 { @@ -1824,17 +1729,15 @@ 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -1857,7 +1760,7 @@ .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.5rem 1rem; margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1868,15 +1771,12 @@ 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); @@ -1886,7 +1786,7 @@ } .p-treeselect-panel .p-treeselect-header { padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1936,17 +1836,15 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); } - p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 2rem; } @@ -1954,7 +1852,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-button { color: #121212; background: #CE93D8; @@ -2066,7 +1963,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 { @@ -2093,7 +1990,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2106,421 +2002,414 @@ .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; @@ -2544,7 +2433,6 @@ color: #CE93D8; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2556,17 +2444,14 @@ 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; @@ -2577,52 +2462,45 @@ 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; } @@ -2700,7 +2578,6 @@ .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; @@ -2729,7 +2606,6 @@ border-color: transparent; color: #A5D6A7; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #90caf9; @@ -2758,7 +2634,6 @@ border-color: transparent; color: #90caf9; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2787,7 +2662,6 @@ border-color: transparent; color: #c5e1a5; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fff59d; @@ -2816,7 +2690,6 @@ border-color: transparent; color: #fff59d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2845,7 +2718,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef9a9a; @@ -2874,9 +2746,8 @@ 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); @@ -2887,13 +2758,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; @@ -2919,7 +2790,6 @@ background: rgba(206, 147, 216, 0.16); color: #CE93D8; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3013,9 +2883,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); @@ -3025,17 +2895,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; @@ -3065,12 +2935,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 { @@ -3173,7 +3043,6 @@ .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; @@ -3212,12 +3081,10 @@ .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; @@ -3245,7 +3112,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-clear-button { width: 2.5rem; height: 2.5rem; @@ -3265,7 +3131,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-overlay { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -3292,7 +3157,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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -3300,13 +3165,12 @@ box-shadow: none; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } - .p-column-filter-overlay-menu .p-column-filter-operator { padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -3315,7 +3179,7 @@ } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3332,7 +3196,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3382,12 +3245,12 @@ transition: none; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #CE93D8; @@ -3401,16 +3264,15 @@ 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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); @@ -3419,9 +3281,8 @@ background: #1e1e1e; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { @@ -3458,7 +3319,6 @@ outline-offset: 0; box-shadow: none; } - .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3468,9 +3328,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); @@ -3481,9 +3341,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); @@ -3540,7 +3400,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.6); } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3590,12 +3449,12 @@ transition: none; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #CE93D8; @@ -3609,16 +3468,15 @@ 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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); @@ -3627,7 +3485,6 @@ background: #1e1e1e; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3639,20 +3496,19 @@ 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; @@ -3709,19 +3565,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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-filter-container { @@ -3778,7 +3634,7 @@ 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.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { @@ -3786,7 +3642,6 @@ outline-offset: 0; box-shadow: none; } - .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3926,7 +3781,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 { @@ -3987,7 +3842,6 @@ .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); @@ -4012,7 +3866,6 @@ 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; @@ -4085,7 +3938,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4111,7 +3963,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4120,7 +3971,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px rgba(255, 255, 255, 0.12); + border-top: 1px hsla(0, 0%, 100%, 0.12); } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4130,12 +3981,11 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px rgba(255, 255, 255, 0.12); + border-left: 1px hsla(0, 0%, 100%, 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; @@ -4176,7 +4026,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid rgba(255, 255, 255, 0.12); padding: 1rem; @@ -4243,7 +4092,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: rgba(255, 255, 255, 0.12); border: 0 none; @@ -4254,7 +4102,6 @@ outline-offset: 0; box-shadow: none; } - .p-splitter { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -4263,10 +4110,10 @@ } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; @@ -4274,9 +4121,8 @@ box-shadow: none; } .p-splitter .p-splitter-gutter-resizing { - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4345,7 +4191,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-toolbar { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4356,7 +4201,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4404,7 +4248,6 @@ .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); @@ -4477,7 +4320,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4519,7 +4361,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #262626; } - .p-sidebar { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4530,7 +4371,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); @@ -4540,13 +4381,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; @@ -4560,7 +4401,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #444444; color: rgba(255, 255, 255, 0.87); @@ -4580,7 +4420,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #444444; } - .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 1rem; @@ -4620,7 +4459,6 @@ .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; @@ -4631,7 +4469,6 @@ color: #121212; border-color: transparent; } - .p-breadcrumb { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4663,7 +4500,6 @@ .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; @@ -4711,7 +4547,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 { @@ -4719,13 +4555,13 @@ } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -4736,11 +4572,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { @@ -4750,7 +4586,6 @@ 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); @@ -4774,32 +4609,31 @@ 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 +4692,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 { @@ -4866,13 +4700,13 @@ } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -4883,7 +4717,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 { @@ -4906,7 +4740,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-megamenu.p-megamenu-vertical { @@ -4941,10 +4775,9 @@ 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; @@ -4981,7 +4814,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 { @@ -4989,13 +4822,13 @@ } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5006,7 +4839,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 { @@ -5024,7 +4857,7 @@ border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-menu .p-menuitem-badge { @@ -5040,7 +4873,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 1rem; background: #1e1e1e; @@ -5079,7 +4911,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 { @@ -5110,7 +4942,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 { @@ -5118,13 +4950,13 @@ } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5135,7 +4967,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 { @@ -5146,13 +4978,12 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 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; @@ -5184,7 +5015,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5327,7 +5158,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 { @@ -5335,13 +5166,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5352,14 +5183,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5392,7 +5223,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5435,7 +5265,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 { @@ -5443,13 +5273,13 @@ } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5460,7 +5290,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 { @@ -5475,7 +5305,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5507,7 +5337,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5544,7 +5373,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); width: 100%; top: 50%; left: 0; @@ -5552,7 +5381,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: solid rgba(255, 255, 255, 0.12); @@ -5623,7 +5451,6 @@ outline-offset: 0; box-shadow: inset none; } - .p-tieredmenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5674,7 +5501,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 { @@ -5682,13 +5509,13 @@ } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5699,11 +5526,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5713,7 +5540,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 1rem 1rem; margin: 0; @@ -5769,7 +5595,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 4px; @@ -5858,7 +5683,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5909,7 +5733,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 { @@ -5919,7 +5743,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 { @@ -5929,7 +5753,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 { @@ -5939,10 +5763,9 @@ 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; @@ -5973,7 +5796,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 { @@ -6030,7 +5853,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); @@ -6040,7 +5863,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); } @@ -6049,29 +5872,23 @@ 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; @@ -6095,9 +5912,8 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { - background-color: rgba(255, 255, 255, 0.12); + background-color: hsla(0, 0%, 100%, 0.12); border-radius: 4px; } .p-avatar.p-avatar-lg { @@ -6116,11 +5932,9 @@ .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; @@ -6162,9 +5976,8 @@ height: 3rem; line-height: 3rem; } - .p-chip { - background-color: rgba(255, 255, 255, 0.12); + background-color: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; padding: 0 1rem; @@ -6198,7 +6011,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6213,7 +6025,6 @@ outline-offset: 0; box-shadow: none; } - .p-progressbar { border: 0 none; height: 4px; @@ -6229,7 +6040,6 @@ color: #121212; line-height: 4px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6251,7 +6061,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 4px; @@ -6259,7 +6068,6 @@ .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; @@ -6292,7 +6100,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6344,17 +6151,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6364,13 +6169,13 @@ background-color: transparent; } .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6378,11 +6183,9 @@ 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; @@ -6412,21 +6215,18 @@ 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; @@ -6478,7 +6278,6 @@ .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); } @@ -6494,7 +6293,6 @@ .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); } @@ -6510,7 +6308,6 @@ .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); } @@ -6526,7 +6323,6 @@ .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); } @@ -6542,7 +6338,6 @@ .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); } @@ -6558,7 +6353,6 @@ .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); } @@ -6574,9 +6368,8 @@ .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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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); @@ -6621,7 +6414,6 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } - .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6636,7 +6428,7 @@ order: 3; } .p-datepicker table th { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.38); font-weight: 400; font-size: 0.875rem; @@ -6647,7 +6439,6 @@ .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; } @@ -6660,13 +6451,12 @@ 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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6676,13 +6466,13 @@ background-color: transparent; } .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6716,7 +6506,6 @@ border: 0 none; background-image: none; } - .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6727,17 +6516,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6747,13 +6534,13 @@ background-color: transparent; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6779,7 +6566,6 @@ 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; @@ -6799,30 +6585,27 @@ 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: rgba(255, 255, 255, 0.7); + border-color: hsla(0, 0%, 100%, 0.7); border-radius: 2px; position: relative; } .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.7); + border-color: hsla(0, 0%, 100%, 0.7); } .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: rgba(255, 255, 255, 0.7); + border-color: hsla(0, 0%, 100%, 0.7); } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #CE93D8; @@ -6850,14 +6633,12 @@ .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; @@ -6880,13 +6661,12 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6896,13 +6676,13 @@ background-color: transparent; } .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6910,11 +6690,9 @@ 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; @@ -6936,11 +6714,9 @@ 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; } @@ -6953,14 +6729,12 @@ .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; @@ -6971,17 +6745,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6991,13 +6763,13 @@ background-color: transparent; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7019,11 +6791,9 @@ 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; } @@ -7035,32 +6805,30 @@ 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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; } .p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7072,13 +6840,12 @@ 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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7087,26 +6854,24 @@ 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); @@ -7115,11 +6880,9 @@ 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); @@ -7128,7 +6891,6 @@ 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); @@ -7145,51 +6907,45 @@ .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); } @@ -7199,25 +6955,21 @@ .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; @@ -7228,7 +6980,6 @@ .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); } @@ -7241,13 +6992,12 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7257,13 +7007,13 @@ background-color: transparent; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7275,13 +7025,11 @@ 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; @@ -7310,22 +7058,18 @@ 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; } @@ -7335,14 +7079,13 @@ .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 { @@ -7354,7 +7097,6 @@ .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; @@ -7390,30 +7132,27 @@ .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 rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #CE93D8; @@ -7430,14 +7169,12 @@ .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; } @@ -7459,7 +7196,6 @@ .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); @@ -7468,14 +7204,12 @@ 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); @@ -7486,7 +7220,6 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } - .p-steps { padding: 1rem 0; } @@ -7539,7 +7272,6 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } - .p-tabview .p-tabview-nav { position: relative; } @@ -7562,11 +7294,9 @@ 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; @@ -7574,14 +7304,12 @@ .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; @@ -7592,17 +7320,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7612,13 +7338,13 @@ background-color: transparent; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7630,13 +7356,11 @@ 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; @@ -7665,18 +7389,18 @@ 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 .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(255, 255, 255, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .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; } @@ -7689,7 +7413,6 @@ .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; } @@ -7714,14 +7437,12 @@ 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); @@ -7730,7 +7451,6 @@ 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); } @@ -7762,53 +7482,45 @@ .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 6d5c6f1a8d3..77575db3fec 100644 --- a/src/assets/components/themes/md-dark-indigo/theme.css +++ b/src/assets/components/themes/md-dark-indigo/theme.css @@ -54,24 +54,21 @@ 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; @@ -244,7 +241,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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 1rem 1rem; @@ -299,40 +296,32 @@ * { 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); @@ -344,15 +333,12 @@ 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; @@ -369,7 +355,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 1rem; } @@ -402,7 +387,7 @@ } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.5rem 1rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -410,13 +395,12 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: rgba(255, 255, 255, 0.24); + background: hsla(0, 0%, 100%, 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); @@ -445,11 +429,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -458,11 +442,9 @@ background: transparent; font-weight: 400; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44435; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 3rem; } @@ -470,28 +452,24 @@ 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 0.3); border-radius: 4px; } .p-datepicker:not(.p-datepicker-inline) { @@ -508,12 +486,12 @@ background: #1e1e1e; font-weight: 500; margin: 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 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); @@ -523,13 +501,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; @@ -538,14 +516,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 { @@ -592,13 +570,13 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); padding: 0.5rem; } .p-datepicker .p-timepicker button { @@ -657,7 +635,7 @@ background: rgba(159, 168, 218, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid rgba(255, 255, 255, 0.12); + border-left: 1px solid hsla(0, 0%, 100%, 0.12); padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -694,7 +672,6 @@ outline-offset: 0; box-shadow: none; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 3rem; } @@ -702,12 +679,10 @@ 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; @@ -715,7 +690,7 @@ } .p-cascadeselect { background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -750,7 +725,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44435; } - .p-cascadeselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -778,11 +752,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 1rem 1rem; @@ -790,21 +764,18 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); } - p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect { border-color: #f44435; } - p-cascadeselect.p-cascadeselect-clearable .p-cascadeselect-label { padding-right: 1rem; } @@ -812,7 +783,6 @@ 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; @@ -821,13 +791,12 @@ .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 rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); background: #1e1e1e; width: 18px; height: 18px; @@ -862,32 +831,27 @@ 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: rgba(255, 255, 255, 0.06); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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); } @@ -904,12 +868,12 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.5rem 1rem; margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: rgba(255, 255, 255, 0.24); + background: hsla(0, 0%, 100%, 0.24); color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -926,11 +890,9 @@ 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; } @@ -938,29 +900,25 @@ 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -1001,7 +959,6 @@ .p-dropdown.p-invalid.p-component { border-color: #f44435; } - .p-dropdown-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1011,7 +968,7 @@ } .p-dropdown-panel .p-dropdown-header { padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1047,11 +1004,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -1065,98 +1022,87 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); - 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); + 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); padding: 1rem 1rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid rgba(255, 255, 255, 0.3); + border-right: 1px solid hsla(0, 0%, 100%, 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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44435; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 3rem; } @@ -1164,11 +1110,9 @@ 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; } @@ -1176,20 +1120,18 @@ 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-inputswitch { width: 2.75rem; height: 1rem; } .p-inputswitch .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); + background: hsla(0, 0%, 100%, 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; } @@ -1211,7 +1153,7 @@ box-shadow: none; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); + background: hsla(0, 0%, 100%, 0.3); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: rgba(159, 168, 218, 0.5); @@ -1222,11 +1164,9 @@ .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); @@ -1234,7 +1174,7 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; padding: 1rem 1rem; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; @@ -1259,87 +1199,72 @@ 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; } - ::-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: rgba(255, 255, 255, 0.06); + background-color: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-inputtext:enabled:focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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 rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #1e1e1e; margin: 0; @@ -1392,11 +1317,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-listbox.p-focus { outline: 0 none; @@ -1404,14 +1329,12 @@ box-shadow: none; border-color: #9FA8DA; } - p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44435; } - .p-multiselect { background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -1434,7 +1357,7 @@ .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.5rem 1rem; margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1448,11 +1371,9 @@ 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; } @@ -1460,7 +1381,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1470,7 +1390,7 @@ } .p-multiselect-panel .p-multiselect-header { padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1528,11 +1448,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1549,25 +1469,21 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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; @@ -1589,7 +1505,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } - p-password.p-password-clearable .p-password-input { padding-right: 3rem; } @@ -1597,7 +1512,6 @@ color: rgba(255, 255, 255, 0.6); right: 1rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 5rem; } @@ -1605,13 +1519,12 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); background: #1e1e1e; width: 20px; height: 20px; @@ -1643,16 +1556,14 @@ 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: rgba(255, 255, 255, 0.06); + background-color: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #121212; @@ -1660,11 +1571,9 @@ .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; } @@ -1695,7 +1604,6 @@ .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); @@ -1703,7 +1611,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 { @@ -1712,7 +1620,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 { @@ -1721,7 +1629,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 { @@ -1730,16 +1638,14 @@ 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: rgba(255, 255, 255, 0.3); + background: hsla(0, 0%, 100%, 0.3); border: 0 none; border-radius: 4px; } @@ -1789,7 +1695,6 @@ .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); @@ -1797,7 +1702,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 { @@ -1806,7 +1711,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 { @@ -1815,7 +1720,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 { @@ -1824,17 +1729,15 @@ 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -1857,7 +1760,7 @@ .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.5rem 1rem; margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1868,15 +1771,12 @@ 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); @@ -1886,7 +1786,7 @@ } .p-treeselect-panel .p-treeselect-header { padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1936,17 +1836,15 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); } - p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 2rem; } @@ -1954,7 +1852,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-button { color: #121212; background: #9FA8DA; @@ -2066,7 +1963,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 { @@ -2093,7 +1990,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2106,421 +2002,414 @@ .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; @@ -2544,7 +2433,6 @@ color: #9FA8DA; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2556,17 +2444,14 @@ 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; @@ -2577,52 +2462,45 @@ 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; } @@ -2700,7 +2578,6 @@ .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; @@ -2729,7 +2606,6 @@ border-color: transparent; color: #F48FB1; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #90caf9; @@ -2758,7 +2634,6 @@ border-color: transparent; color: #90caf9; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2787,7 +2662,6 @@ border-color: transparent; color: #c5e1a5; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fff59d; @@ -2816,7 +2690,6 @@ border-color: transparent; color: #fff59d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2845,7 +2718,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef9a9a; @@ -2874,9 +2746,8 @@ 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); @@ -2887,13 +2758,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; @@ -2919,7 +2790,6 @@ background: rgba(159, 168, 218, 0.16); color: #9FA8DA; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3013,9 +2883,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); @@ -3025,17 +2895,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; @@ -3065,12 +2935,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 { @@ -3173,7 +3043,6 @@ .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; @@ -3212,12 +3081,10 @@ .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; @@ -3245,7 +3112,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-clear-button { width: 2.5rem; height: 2.5rem; @@ -3265,7 +3131,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-overlay { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -3292,7 +3157,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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -3300,13 +3165,12 @@ box-shadow: none; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } - .p-column-filter-overlay-menu .p-column-filter-operator { padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -3315,7 +3179,7 @@ } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3332,7 +3196,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3382,12 +3245,12 @@ transition: none; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #9FA8DA; @@ -3401,16 +3264,15 @@ 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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); @@ -3419,9 +3281,8 @@ background: #1e1e1e; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { @@ -3458,7 +3319,6 @@ outline-offset: 0; box-shadow: none; } - .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3468,9 +3328,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); @@ -3481,9 +3341,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); @@ -3540,7 +3400,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.6); } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3590,12 +3449,12 @@ transition: none; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #9FA8DA; @@ -3609,16 +3468,15 @@ 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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); @@ -3627,7 +3485,6 @@ background: #1e1e1e; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3639,20 +3496,19 @@ 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; @@ -3709,19 +3565,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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-filter-container { @@ -3778,7 +3634,7 @@ 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.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { @@ -3786,7 +3642,6 @@ outline-offset: 0; box-shadow: none; } - .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3926,7 +3781,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 { @@ -3987,7 +3842,6 @@ .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); @@ -4012,7 +3866,6 @@ 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; @@ -4085,7 +3938,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4111,7 +3963,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4120,7 +3971,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px rgba(255, 255, 255, 0.12); + border-top: 1px hsla(0, 0%, 100%, 0.12); } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4130,12 +3981,11 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px rgba(255, 255, 255, 0.12); + border-left: 1px hsla(0, 0%, 100%, 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; @@ -4176,7 +4026,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid rgba(255, 255, 255, 0.12); padding: 1rem; @@ -4243,7 +4092,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: rgba(255, 255, 255, 0.12); border: 0 none; @@ -4254,7 +4102,6 @@ outline-offset: 0; box-shadow: none; } - .p-splitter { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -4263,10 +4110,10 @@ } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; @@ -4274,9 +4121,8 @@ box-shadow: none; } .p-splitter .p-splitter-gutter-resizing { - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4345,7 +4191,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-toolbar { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4356,7 +4201,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4404,7 +4248,6 @@ .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); @@ -4477,7 +4320,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4519,7 +4361,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #262626; } - .p-sidebar { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4530,7 +4371,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); @@ -4540,13 +4381,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; @@ -4560,7 +4401,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #444444; color: rgba(255, 255, 255, 0.87); @@ -4580,7 +4420,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #444444; } - .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 1rem; @@ -4620,7 +4459,6 @@ .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; @@ -4631,7 +4469,6 @@ color: #121212; border-color: transparent; } - .p-breadcrumb { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4663,7 +4500,6 @@ .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; @@ -4711,7 +4547,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 { @@ -4719,13 +4555,13 @@ } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -4736,11 +4572,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { @@ -4750,7 +4586,6 @@ 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); @@ -4774,32 +4609,31 @@ 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 +4692,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 { @@ -4866,13 +4700,13 @@ } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -4883,7 +4717,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 { @@ -4906,7 +4740,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-megamenu.p-megamenu-vertical { @@ -4941,10 +4775,9 @@ 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; @@ -4981,7 +4814,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 { @@ -4989,13 +4822,13 @@ } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5006,7 +4839,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 { @@ -5024,7 +4857,7 @@ border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-menu .p-menuitem-badge { @@ -5040,7 +4873,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 1rem; background: #1e1e1e; @@ -5079,7 +4911,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 { @@ -5110,7 +4942,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 { @@ -5118,13 +4950,13 @@ } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5135,7 +4967,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 { @@ -5146,13 +4978,12 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 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; @@ -5184,7 +5015,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5327,7 +5158,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 { @@ -5335,13 +5166,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5352,14 +5183,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5392,7 +5223,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5435,7 +5265,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 { @@ -5443,13 +5273,13 @@ } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5460,7 +5290,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 { @@ -5475,7 +5305,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5507,7 +5337,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5544,7 +5373,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); width: 100%; top: 50%; left: 0; @@ -5552,7 +5381,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: solid rgba(255, 255, 255, 0.12); @@ -5623,7 +5451,6 @@ outline-offset: 0; box-shadow: inset none; } - .p-tieredmenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5674,7 +5501,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 { @@ -5682,13 +5509,13 @@ } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5699,11 +5526,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5713,7 +5540,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 1rem 1rem; margin: 0; @@ -5769,7 +5595,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 4px; @@ -5858,7 +5683,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5909,7 +5733,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 { @@ -5919,7 +5743,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 { @@ -5929,7 +5753,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 { @@ -5939,10 +5763,9 @@ 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; @@ -5973,7 +5796,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 { @@ -6030,7 +5853,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); @@ -6040,7 +5863,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); } @@ -6049,29 +5872,23 @@ 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; @@ -6095,9 +5912,8 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { - background-color: rgba(255, 255, 255, 0.12); + background-color: hsla(0, 0%, 100%, 0.12); border-radius: 4px; } .p-avatar.p-avatar-lg { @@ -6116,11 +5932,9 @@ .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; @@ -6162,9 +5976,8 @@ height: 3rem; line-height: 3rem; } - .p-chip { - background-color: rgba(255, 255, 255, 0.12); + background-color: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; padding: 0 1rem; @@ -6198,7 +6011,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6213,7 +6025,6 @@ outline-offset: 0; box-shadow: none; } - .p-progressbar { border: 0 none; height: 4px; @@ -6229,7 +6040,6 @@ color: #121212; line-height: 4px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6251,7 +6061,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 4px; @@ -6259,7 +6068,6 @@ .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; @@ -6292,7 +6100,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6344,17 +6151,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6364,13 +6169,13 @@ background-color: transparent; } .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6378,11 +6183,9 @@ 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; @@ -6412,21 +6215,18 @@ 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; @@ -6478,7 +6278,6 @@ .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); } @@ -6494,7 +6293,6 @@ .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); } @@ -6510,7 +6308,6 @@ .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); } @@ -6526,7 +6323,6 @@ .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); } @@ -6542,7 +6338,6 @@ .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); } @@ -6558,7 +6353,6 @@ .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); } @@ -6574,9 +6368,8 @@ .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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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); @@ -6621,7 +6414,6 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } - .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6636,7 +6428,7 @@ order: 3; } .p-datepicker table th { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.38); font-weight: 400; font-size: 0.875rem; @@ -6647,7 +6439,6 @@ .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; } @@ -6660,13 +6451,12 @@ 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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6676,13 +6466,13 @@ background-color: transparent; } .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6716,7 +6506,6 @@ border: 0 none; background-image: none; } - .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6727,17 +6516,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6747,13 +6534,13 @@ background-color: transparent; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6779,7 +6566,6 @@ 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; @@ -6799,30 +6585,27 @@ 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: rgba(255, 255, 255, 0.7); + border-color: hsla(0, 0%, 100%, 0.7); border-radius: 2px; position: relative; } .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.7); + border-color: hsla(0, 0%, 100%, 0.7); } .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: rgba(255, 255, 255, 0.7); + border-color: hsla(0, 0%, 100%, 0.7); } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #9FA8DA; @@ -6850,14 +6633,12 @@ .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; @@ -6880,13 +6661,12 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6896,13 +6676,13 @@ background-color: transparent; } .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6910,11 +6690,9 @@ 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; @@ -6936,11 +6714,9 @@ 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; } @@ -6953,14 +6729,12 @@ .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; @@ -6971,17 +6745,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6991,13 +6763,13 @@ background-color: transparent; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7019,11 +6791,9 @@ 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; } @@ -7035,32 +6805,30 @@ 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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; } .p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7072,13 +6840,12 @@ 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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7087,26 +6854,24 @@ 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); @@ -7115,11 +6880,9 @@ 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); @@ -7128,7 +6891,6 @@ 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); @@ -7145,51 +6907,45 @@ .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); } @@ -7199,25 +6955,21 @@ .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; @@ -7228,7 +6980,6 @@ .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); } @@ -7241,13 +6992,12 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7257,13 +7007,13 @@ background-color: transparent; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7275,13 +7025,11 @@ 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; @@ -7310,22 +7058,18 @@ 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; } @@ -7335,14 +7079,13 @@ .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 { @@ -7354,7 +7097,6 @@ .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; @@ -7390,30 +7132,27 @@ .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 rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #9FA8DA; @@ -7430,14 +7169,12 @@ .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; } @@ -7459,7 +7196,6 @@ .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); @@ -7468,14 +7204,12 @@ 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); @@ -7486,7 +7220,6 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } - .p-steps { padding: 1rem 0; } @@ -7539,7 +7272,6 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } - .p-tabview .p-tabview-nav { position: relative; } @@ -7562,11 +7294,9 @@ 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; @@ -7574,14 +7304,12 @@ .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; @@ -7592,17 +7320,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7612,13 +7338,13 @@ background-color: transparent; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7630,13 +7356,11 @@ 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; @@ -7665,18 +7389,18 @@ 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 .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(255, 255, 255, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .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; } @@ -7689,7 +7413,6 @@ .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; } @@ -7714,14 +7437,12 @@ 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); @@ -7730,7 +7451,6 @@ 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); } @@ -7762,53 +7482,45 @@ .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 a269478c010..f1e8e4d7442 100644 --- a/src/assets/components/themes/md-light-deeppurple/theme.css +++ b/src/assets/components/themes/md-light-deeppurple/theme.css @@ -54,24 +54,21 @@ 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; @@ -299,40 +296,32 @@ * { 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); @@ -344,15 +333,12 @@ 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; @@ -369,7 +355,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 1rem; } @@ -416,7 +401,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #b00020; } - .p-autocomplete-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -458,11 +442,9 @@ background: #ffffff; font-weight: 400; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #b00020; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 3rem; } @@ -470,23 +452,19 @@ 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; @@ -513,7 +491,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); @@ -523,13 +501,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; @@ -538,14 +516,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 { @@ -584,7 +562,7 @@ .p-datepicker table td.p-datepicker-today > span { background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-color: black; + border-color: rgb(0, 0, 0); } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #673AB7; @@ -694,7 +672,6 @@ outline-offset: 0; box-shadow: none; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 3rem; } @@ -702,12 +679,10 @@ 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; @@ -750,7 +725,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #b00020; } - .p-cascadeselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -790,7 +764,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f5f5f5; } @@ -800,11 +773,9 @@ .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; } @@ -812,7 +783,6 @@ 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; @@ -821,7 +791,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 18px; height: 18px; @@ -862,11 +831,9 @@ 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; } @@ -879,15 +846,12 @@ .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); } @@ -926,11 +890,9 @@ 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; } @@ -938,26 +900,22 @@ 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); @@ -1001,7 +959,6 @@ .p-dropdown.p-invalid.p-component { border-color: #b00020; } - .p-dropdown-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1065,7 +1022,6 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #f5f5f5; } @@ -1078,11 +1034,9 @@ .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-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1095,68 +1049,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #b00020; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 3rem; } @@ -1164,11 +1110,9 @@ 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; } @@ -1176,14 +1120,12 @@ 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-inputswitch { width: 2.75rem; height: 1rem; @@ -1222,11 +1164,9 @@ .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); @@ -1259,57 +1199,45 @@ 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; } - ::-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; } @@ -1319,17 +1247,14 @@ .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); @@ -1404,11 +1329,9 @@ 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); @@ -1448,11 +1371,9 @@ 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; } @@ -1460,7 +1381,6 @@ color: rgba(0, 0, 0, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1549,7 +1469,6 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #f5f5f5; } @@ -1559,15 +1478,12 @@ .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; @@ -1589,7 +1505,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } - p-password.p-password-clearable .p-password-input { padding-right: 3rem; } @@ -1597,7 +1512,6 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 5rem; } @@ -1605,7 +1519,6 @@ color: rgba(0, 0, 0, 0.6); right: 3rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1643,11 +1556,9 @@ 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; } @@ -1660,11 +1571,9 @@ .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; } @@ -1695,7 +1604,6 @@ .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); @@ -1703,7 +1611,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 { @@ -1712,7 +1620,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 { @@ -1721,7 +1629,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 { @@ -1730,14 +1638,12 @@ 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; @@ -1789,7 +1695,6 @@ .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); @@ -1797,7 +1702,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 { @@ -1806,7 +1711,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 { @@ -1815,7 +1720,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 { @@ -1824,14 +1729,12 @@ 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); @@ -1868,15 +1771,12 @@ 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); @@ -1936,7 +1836,6 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #f5f5f5; } @@ -1946,7 +1845,6 @@ .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; } @@ -1954,7 +1852,6 @@ color: rgba(0, 0, 0, 0.6); right: 3rem; } - .p-button { color: #ffffff; background: #673AB7; @@ -2066,7 +1963,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 { @@ -2093,7 +1990,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2106,421 +2002,414 @@ .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; @@ -2544,7 +2433,6 @@ color: #673AB7; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2556,17 +2444,14 @@ 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; @@ -2577,52 +2462,45 @@ 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; } @@ -2700,7 +2578,6 @@ .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; @@ -2729,7 +2606,6 @@ border-color: transparent; color: #4CAF50; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #2196f3; @@ -2758,7 +2634,6 @@ border-color: transparent; color: #2196f3; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2787,7 +2662,6 @@ border-color: transparent; color: #689f38; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2816,7 +2690,6 @@ border-color: transparent; color: #fbc02d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2845,7 +2718,6 @@ border-color: transparent; color: #9c27b0; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2874,9 +2746,8 @@ 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); @@ -2887,13 +2758,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; @@ -2919,7 +2790,6 @@ background: rgba(103, 58, 183, 0.12); color: #673AB7; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3013,9 +2883,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); @@ -3025,17 +2895,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; @@ -3065,12 +2935,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 { @@ -3173,7 +3043,6 @@ .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; @@ -3212,12 +3081,10 @@ .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; @@ -3245,7 +3112,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-clear-button { width: 2.5rem; height: 2.5rem; @@ -3265,7 +3131,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-overlay { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3303,7 +3168,6 @@ 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); @@ -3332,7 +3196,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3410,7 +3273,6 @@ .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); @@ -3419,7 +3281,6 @@ 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); @@ -3458,7 +3319,6 @@ outline-offset: 0; box-shadow: none; } - .p-paginator { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3468,9 +3328,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); @@ -3481,9 +3341,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); @@ -3540,7 +3400,6 @@ border-color: transparent; color: rgba(0, 0, 0, 0.6); } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3618,7 +3477,6 @@ .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); @@ -3627,7 +3485,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3639,20 +3496,19 @@ 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; @@ -3709,11 +3565,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 { @@ -3786,7 +3642,6 @@ outline-offset: 0; box-shadow: none; } - .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3926,7 +3781,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 { @@ -3987,7 +3842,6 @@ .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); @@ -4012,7 +3866,6 @@ 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; @@ -4085,7 +3938,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-card { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4111,7 +3963,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4135,7 +3986,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #e0e0e0; background: #ffffff; @@ -4176,7 +4026,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #e0e0e0; padding: 1rem; @@ -4243,7 +4092,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: rgba(0, 0, 0, 0.12); border: 0 none; @@ -4254,7 +4102,6 @@ outline-offset: 0; box-shadow: none; } - .p-splitter { border: 1px solid #e0e0e0; background: #ffffff; @@ -4276,7 +4123,6 @@ .p-splitter .p-splitter-gutter-resizing { background: rgba(0, 0, 0, 0.12); } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4345,7 +4191,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-toolbar { background: #ffffff; border: 1px solid #e0e0e0; @@ -4356,7 +4201,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4404,7 +4248,6 @@ .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); @@ -4477,7 +4320,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4519,7 +4361,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4530,7 +4371,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); @@ -4540,13 +4381,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; @@ -4560,7 +4401,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: rgba(97, 97, 97, 0.9); color: #ffffff; @@ -4580,7 +4420,6 @@ .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; @@ -4620,7 +4459,6 @@ .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; @@ -4631,7 +4469,6 @@ color: #ffffff; border-color: transparent; } - .p-breadcrumb { background: #ffffff; border: 1px solid #e5e5e5; @@ -4663,7 +4500,6 @@ .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; @@ -4711,7 +4547,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 { @@ -4725,7 +4561,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 { @@ -4736,7 +4572,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 { @@ -4750,7 +4586,6 @@ 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); @@ -4774,32 +4609,31 @@ 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 +4692,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 { @@ -4872,7 +4706,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 { @@ -4883,7 +4717,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 { @@ -4941,10 +4775,9 @@ 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; @@ -4981,7 +4814,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 { @@ -4995,7 +4828,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 { @@ -5006,7 +4839,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 { @@ -5040,7 +4873,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 1rem; background: transparent; @@ -5079,7 +4911,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 { @@ -5110,7 +4942,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 { @@ -5124,7 +4956,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 { @@ -5135,7 +4967,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 { @@ -5152,7 +4984,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5327,7 +5158,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 { @@ -5341,7 +5172,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 { @@ -5352,7 +5183,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 { @@ -5392,7 +5223,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5435,7 +5265,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 { @@ -5449,7 +5279,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 { @@ -5460,7 +5290,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 { @@ -5507,7 +5337,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5552,7 +5381,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: solid rgba(0, 0, 0, 0.12); @@ -5623,7 +5451,6 @@ outline-offset: 0; box-shadow: inset none; } - .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5674,7 +5501,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 { @@ -5688,7 +5515,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 { @@ -5699,7 +5526,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 { @@ -5713,7 +5540,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 1rem 1rem; margin: 0; @@ -5769,7 +5595,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 4px; @@ -5858,7 +5683,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5909,7 +5733,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 { @@ -5919,7 +5743,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 { @@ -5929,7 +5753,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 { @@ -5939,10 +5763,9 @@ 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; @@ -5973,7 +5796,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 { @@ -6030,7 +5853,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); @@ -6040,7 +5863,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); } @@ -6049,29 +5872,23 @@ 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; @@ -6095,7 +5912,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; @@ -6116,11 +5932,9 @@ .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; @@ -6162,7 +5976,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); @@ -6198,7 +6011,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6213,7 +6025,6 @@ outline-offset: 0; box-shadow: none; } - .p-progressbar { border: 0 none; height: 4px; @@ -6229,7 +6040,6 @@ color: #ffffff; line-height: 4px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6251,7 +6061,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(0, 0, 0, 0.08); border-radius: 4px; @@ -6259,7 +6068,6 @@ .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; @@ -6292,7 +6100,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -6344,11 +6151,9 @@ .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; @@ -6378,11 +6183,9 @@ 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; @@ -6412,21 +6215,18 @@ 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; @@ -6478,7 +6278,6 @@ .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); } @@ -6494,7 +6293,6 @@ .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); } @@ -6510,7 +6308,6 @@ .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); } @@ -6526,7 +6323,6 @@ .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); } @@ -6542,7 +6338,6 @@ .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); } @@ -6558,7 +6353,6 @@ .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); } @@ -6574,7 +6368,6 @@ .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; @@ -6621,7 +6414,6 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } - .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6647,7 +6439,6 @@ .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; } @@ -6660,7 +6451,6 @@ 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; @@ -6716,7 +6506,6 @@ border: 0 none; background-image: none; } - .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6727,11 +6516,9 @@ .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; @@ -6779,7 +6566,6 @@ 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; @@ -6799,16 +6585,13 @@ 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; @@ -6850,14 +6633,12 @@ .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; @@ -6880,7 +6661,6 @@ .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; @@ -6910,11 +6690,9 @@ 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; @@ -6936,11 +6714,9 @@ 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; } @@ -6953,14 +6729,12 @@ .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; @@ -6971,11 +6745,9 @@ .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; @@ -7019,11 +6791,9 @@ 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; } @@ -7035,14 +6805,12 @@ 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; @@ -7072,7 +6840,6 @@ box-shadow: none; border-color: transparent; } - .p-input-filled .p-inputgroup .p-inputgroup-addon { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7087,26 +6854,24 @@ 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); @@ -7115,11 +6880,9 @@ 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); @@ -7128,7 +6891,6 @@ 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); @@ -7145,51 +6907,45 @@ .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); } @@ -7199,25 +6955,21 @@ .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; @@ -7228,7 +6980,6 @@ .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); } @@ -7241,7 +6992,6 @@ .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; @@ -7275,13 +7025,11 @@ 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; @@ -7310,22 +7058,18 @@ 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; } @@ -7335,14 +7079,13 @@ .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 { @@ -7354,7 +7097,6 @@ .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; @@ -7390,21 +7132,18 @@ .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; @@ -7430,14 +7169,12 @@ .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; } @@ -7459,7 +7196,6 @@ .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; @@ -7468,14 +7204,12 @@ 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); @@ -7486,7 +7220,6 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } - .p-steps { padding: 1rem 0; } @@ -7539,7 +7272,6 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } - .p-tabview .p-tabview-nav { position: relative; } @@ -7562,11 +7294,9 @@ 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; @@ -7574,14 +7304,12 @@ .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; @@ -7592,11 +7320,9 @@ .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; @@ -7630,13 +7356,11 @@ 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; @@ -7665,18 +7389,18 @@ 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 .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(0, 0, 0, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .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; } @@ -7689,7 +7413,6 @@ .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; } @@ -7714,14 +7437,12 @@ 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; @@ -7730,7 +7451,6 @@ 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); } @@ -7762,53 +7482,45 @@ .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 a1973ce7abc..480d263999e 100644 --- a/src/assets/components/themes/md-light-indigo/theme.css +++ b/src/assets/components/themes/md-light-indigo/theme.css @@ -54,24 +54,21 @@ 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; @@ -299,40 +296,32 @@ * { 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); @@ -344,15 +333,12 @@ 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; @@ -369,7 +355,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 1rem; } @@ -416,7 +401,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #b00020; } - .p-autocomplete-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -458,11 +442,9 @@ background: #ffffff; font-weight: 400; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #b00020; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 3rem; } @@ -470,23 +452,19 @@ 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; @@ -513,7 +491,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); @@ -523,13 +501,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; @@ -538,14 +516,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 { @@ -584,7 +562,7 @@ .p-datepicker table td.p-datepicker-today > span { background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-color: black; + border-color: rgb(0, 0, 0); } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #3F51B5; @@ -694,7 +672,6 @@ outline-offset: 0; box-shadow: none; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 3rem; } @@ -702,12 +679,10 @@ 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; @@ -750,7 +725,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #b00020; } - .p-cascadeselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -790,7 +764,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f5f5f5; } @@ -800,11 +773,9 @@ .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; } @@ -812,7 +783,6 @@ 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; @@ -821,7 +791,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 18px; height: 18px; @@ -862,11 +831,9 @@ 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; } @@ -879,15 +846,12 @@ .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); } @@ -926,11 +890,9 @@ 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; } @@ -938,26 +900,22 @@ 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); @@ -1001,7 +959,6 @@ .p-dropdown.p-invalid.p-component { border-color: #b00020; } - .p-dropdown-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1065,7 +1022,6 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #f5f5f5; } @@ -1078,11 +1034,9 @@ .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-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1095,68 +1049,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #b00020; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 3rem; } @@ -1164,11 +1110,9 @@ 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; } @@ -1176,14 +1120,12 @@ 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-inputswitch { width: 2.75rem; height: 1rem; @@ -1222,11 +1164,9 @@ .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); @@ -1259,57 +1199,45 @@ 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; } - ::-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; } @@ -1319,17 +1247,14 @@ .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); @@ -1404,11 +1329,9 @@ 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); @@ -1448,11 +1371,9 @@ 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; } @@ -1460,7 +1381,6 @@ color: rgba(0, 0, 0, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1549,7 +1469,6 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #f5f5f5; } @@ -1559,15 +1478,12 @@ .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; @@ -1589,7 +1505,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } - p-password.p-password-clearable .p-password-input { padding-right: 3rem; } @@ -1597,7 +1512,6 @@ color: rgba(0, 0, 0, 0.6); right: 1rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 5rem; } @@ -1605,7 +1519,6 @@ color: rgba(0, 0, 0, 0.6); right: 3rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1643,11 +1556,9 @@ 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; } @@ -1660,11 +1571,9 @@ .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; } @@ -1695,7 +1604,6 @@ .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); @@ -1703,7 +1611,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 { @@ -1712,7 +1620,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 { @@ -1721,7 +1629,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 { @@ -1730,14 +1638,12 @@ 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; @@ -1789,7 +1695,6 @@ .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); @@ -1797,7 +1702,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 { @@ -1806,7 +1711,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 { @@ -1815,7 +1720,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 { @@ -1824,14 +1729,12 @@ 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); @@ -1868,15 +1771,12 @@ 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); @@ -1936,7 +1836,6 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #f5f5f5; } @@ -1946,7 +1845,6 @@ .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; } @@ -1954,7 +1852,6 @@ color: rgba(0, 0, 0, 0.6); right: 3rem; } - .p-button { color: #ffffff; background: #3F51B5; @@ -2066,7 +1963,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 { @@ -2093,7 +1990,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2106,421 +2002,414 @@ .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; @@ -2544,7 +2433,6 @@ color: #3F51B5; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2556,17 +2444,14 @@ 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; @@ -2577,52 +2462,45 @@ 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; } @@ -2700,7 +2578,6 @@ .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; @@ -2729,7 +2606,6 @@ border-color: transparent; color: #ff4081; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #2196f3; @@ -2758,7 +2634,6 @@ border-color: transparent; color: #2196f3; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2787,7 +2662,6 @@ border-color: transparent; color: #689f38; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2816,7 +2690,6 @@ border-color: transparent; color: #fbc02d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2845,7 +2718,6 @@ border-color: transparent; color: #9c27b0; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2874,9 +2746,8 @@ 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); @@ -2887,13 +2758,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; @@ -2919,7 +2790,6 @@ background: rgba(63, 81, 181, 0.12); color: #3F51B5; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3013,9 +2883,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); @@ -3025,17 +2895,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; @@ -3065,12 +2935,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 { @@ -3173,7 +3043,6 @@ .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; @@ -3212,12 +3081,10 @@ .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; @@ -3245,7 +3112,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-clear-button { width: 2.5rem; height: 2.5rem; @@ -3265,7 +3131,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-overlay { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3303,7 +3168,6 @@ 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); @@ -3332,7 +3196,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3410,7 +3273,6 @@ .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); @@ -3419,7 +3281,6 @@ 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); @@ -3458,7 +3319,6 @@ outline-offset: 0; box-shadow: none; } - .p-paginator { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3468,9 +3328,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); @@ -3481,9 +3341,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); @@ -3540,7 +3400,6 @@ border-color: transparent; color: rgba(0, 0, 0, 0.6); } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3618,7 +3477,6 @@ .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); @@ -3627,7 +3485,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3639,20 +3496,19 @@ 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; @@ -3709,11 +3565,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 { @@ -3786,7 +3642,6 @@ outline-offset: 0; box-shadow: none; } - .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3926,7 +3781,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 { @@ -3987,7 +3842,6 @@ .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); @@ -4012,7 +3866,6 @@ 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; @@ -4085,7 +3938,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-card { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4111,7 +3963,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4135,7 +3986,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #e0e0e0; background: #ffffff; @@ -4176,7 +4026,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #e0e0e0; padding: 1rem; @@ -4243,7 +4092,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: rgba(0, 0, 0, 0.12); border: 0 none; @@ -4254,7 +4102,6 @@ outline-offset: 0; box-shadow: none; } - .p-splitter { border: 1px solid #e0e0e0; background: #ffffff; @@ -4276,7 +4123,6 @@ .p-splitter .p-splitter-gutter-resizing { background: rgba(0, 0, 0, 0.12); } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4345,7 +4191,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-toolbar { background: #ffffff; border: 1px solid #e0e0e0; @@ -4356,7 +4201,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4404,7 +4248,6 @@ .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); @@ -4477,7 +4320,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4519,7 +4361,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4530,7 +4371,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); @@ -4540,13 +4381,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; @@ -4560,7 +4401,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: rgba(97, 97, 97, 0.9); color: #ffffff; @@ -4580,7 +4420,6 @@ .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; @@ -4620,7 +4459,6 @@ .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; @@ -4631,7 +4469,6 @@ color: #ffffff; border-color: transparent; } - .p-breadcrumb { background: #ffffff; border: 1px solid #e5e5e5; @@ -4663,7 +4500,6 @@ .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; @@ -4711,7 +4547,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 { @@ -4725,7 +4561,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 { @@ -4736,7 +4572,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 { @@ -4750,7 +4586,6 @@ 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); @@ -4774,32 +4609,31 @@ 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 +4692,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 { @@ -4872,7 +4706,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 { @@ -4883,7 +4717,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 { @@ -4941,10 +4775,9 @@ 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; @@ -4981,7 +4814,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 { @@ -4995,7 +4828,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 { @@ -5006,7 +4839,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 { @@ -5040,7 +4873,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 1rem; background: transparent; @@ -5079,7 +4911,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 { @@ -5110,7 +4942,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 { @@ -5124,7 +4956,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 { @@ -5135,7 +4967,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 { @@ -5152,7 +4984,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5327,7 +5158,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 { @@ -5341,7 +5172,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 { @@ -5352,7 +5183,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 { @@ -5392,7 +5223,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5435,7 +5265,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 { @@ -5449,7 +5279,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 { @@ -5460,7 +5290,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 { @@ -5507,7 +5337,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5552,7 +5381,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: solid rgba(0, 0, 0, 0.12); @@ -5623,7 +5451,6 @@ outline-offset: 0; box-shadow: inset none; } - .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5674,7 +5501,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 { @@ -5688,7 +5515,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 { @@ -5699,7 +5526,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 { @@ -5713,7 +5540,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 1rem 1rem; margin: 0; @@ -5769,7 +5595,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 4px; @@ -5858,7 +5683,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5909,7 +5733,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 { @@ -5919,7 +5743,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 { @@ -5929,7 +5753,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 { @@ -5939,10 +5763,9 @@ 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; @@ -5973,7 +5796,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 { @@ -6030,7 +5853,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); @@ -6040,7 +5863,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); } @@ -6049,29 +5872,23 @@ 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; @@ -6095,7 +5912,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; @@ -6116,11 +5932,9 @@ .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; @@ -6162,7 +5976,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); @@ -6198,7 +6011,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6213,7 +6025,6 @@ outline-offset: 0; box-shadow: none; } - .p-progressbar { border: 0 none; height: 4px; @@ -6229,7 +6040,6 @@ color: #ffffff; line-height: 4px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6251,7 +6061,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(0, 0, 0, 0.08); border-radius: 4px; @@ -6259,7 +6068,6 @@ .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; @@ -6292,7 +6100,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -6344,11 +6151,9 @@ .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; @@ -6378,11 +6183,9 @@ 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; @@ -6412,21 +6215,18 @@ 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; @@ -6478,7 +6278,6 @@ .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); } @@ -6494,7 +6293,6 @@ .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); } @@ -6510,7 +6308,6 @@ .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); } @@ -6526,7 +6323,6 @@ .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); } @@ -6542,7 +6338,6 @@ .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); } @@ -6558,7 +6353,6 @@ .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); } @@ -6574,7 +6368,6 @@ .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; @@ -6621,7 +6414,6 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } - .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6647,7 +6439,6 @@ .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; } @@ -6660,7 +6451,6 @@ 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; @@ -6716,7 +6506,6 @@ border: 0 none; background-image: none; } - .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6727,11 +6516,9 @@ .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; @@ -6779,7 +6566,6 @@ 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; @@ -6799,16 +6585,13 @@ 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; @@ -6850,14 +6633,12 @@ .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; @@ -6880,7 +6661,6 @@ .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; @@ -6910,11 +6690,9 @@ 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; @@ -6936,11 +6714,9 @@ 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; } @@ -6953,14 +6729,12 @@ .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; @@ -6971,11 +6745,9 @@ .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; @@ -7019,11 +6791,9 @@ 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; } @@ -7035,14 +6805,12 @@ 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; @@ -7072,7 +6840,6 @@ box-shadow: none; border-color: transparent; } - .p-input-filled .p-inputgroup .p-inputgroup-addon { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7087,26 +6854,24 @@ 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); @@ -7115,11 +6880,9 @@ 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); @@ -7128,7 +6891,6 @@ 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); @@ -7145,51 +6907,45 @@ .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); } @@ -7199,25 +6955,21 @@ .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; @@ -7228,7 +6980,6 @@ .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); } @@ -7241,7 +6992,6 @@ .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; @@ -7275,13 +7025,11 @@ 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; @@ -7310,22 +7058,18 @@ 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; } @@ -7335,14 +7079,13 @@ .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 { @@ -7354,7 +7097,6 @@ .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; @@ -7390,21 +7132,18 @@ .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; @@ -7430,14 +7169,12 @@ .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; } @@ -7459,7 +7196,6 @@ .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; @@ -7468,14 +7204,12 @@ 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); @@ -7486,7 +7220,6 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } - .p-steps { padding: 1rem 0; } @@ -7539,7 +7272,6 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } - .p-tabview .p-tabview-nav { position: relative; } @@ -7562,11 +7294,9 @@ 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; @@ -7574,14 +7304,12 @@ .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; @@ -7592,11 +7320,9 @@ .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; @@ -7630,13 +7356,11 @@ 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; @@ -7665,18 +7389,18 @@ 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 .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(0, 0, 0, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .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; } @@ -7689,7 +7413,6 @@ .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; } @@ -7714,14 +7437,12 @@ 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; @@ -7730,7 +7451,6 @@ 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); } @@ -7762,53 +7482,45 @@ .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 b8a19c06df0..8746357a52c 100644 --- a/src/assets/components/themes/mdc-dark-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-dark-deeppurple/theme.css @@ -54,24 +54,21 @@ 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; @@ -244,7 +241,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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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; @@ -299,40 +296,32 @@ * { 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); @@ -344,15 +333,12 @@ 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; @@ -369,7 +355,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -402,7 +387,7 @@ } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -410,13 +395,12 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: rgba(255, 255, 255, 0.24); + background: hsla(0, 0%, 100%, 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); @@ -445,11 +429,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -458,11 +442,9 @@ background: transparent; font-weight: 400; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44435; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -470,28 +452,24 @@ 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 0.3); border-radius: 4px; } .p-datepicker:not(.p-datepicker-inline) { @@ -508,12 +486,12 @@ background: #1e1e1e; font-weight: 500; margin: 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 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); @@ -523,13 +501,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; @@ -538,14 +516,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 { @@ -592,13 +570,13 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 0.75rem 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); padding: 0.5rem; } .p-datepicker .p-timepicker button { @@ -657,7 +635,7 @@ background: rgba(206, 147, 216, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid rgba(255, 255, 255, 0.12); + border-left: 1px solid hsla(0, 0%, 100%, 0.12); padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -694,7 +672,6 @@ outline-offset: 0; box-shadow: none; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -702,12 +679,10 @@ 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; @@ -715,7 +690,7 @@ } .p-cascadeselect { background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -750,7 +725,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44435; } - .p-cascadeselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -778,11 +752,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 0.75rem; @@ -790,21 +764,18 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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; } @@ -812,7 +783,6 @@ 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; @@ -821,13 +791,12 @@ .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 rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); background: #1e1e1e; width: 18px; height: 18px; @@ -862,32 +831,27 @@ 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: rgba(255, 255, 255, 0.06); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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); } @@ -904,12 +868,12 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: rgba(255, 255, 255, 0.24); + background: hsla(0, 0%, 100%, 0.24); color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -926,11 +890,9 @@ 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; } @@ -938,29 +900,25 @@ 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -1001,7 +959,6 @@ .p-dropdown.p-invalid.p-component { border-color: #f44435; } - .p-dropdown-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1011,7 +968,7 @@ } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1047,11 +1004,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -1065,98 +1022,87 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); - 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); + 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); padding: 0.75rem 0.75rem; min-width: 2.75rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid rgba(255, 255, 255, 0.3); + border-right: 1px solid hsla(0, 0%, 100%, 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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44435; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1164,11 +1110,9 @@ 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; } @@ -1176,20 +1120,18 @@ 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-inputswitch { width: 2.75rem; height: 1rem; } .p-inputswitch .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); + background: hsla(0, 0%, 100%, 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; } @@ -1211,7 +1153,7 @@ box-shadow: none; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); + background: hsla(0, 0%, 100%, 0.3); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: rgba(206, 147, 216, 0.5); @@ -1222,11 +1164,9 @@ .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); @@ -1234,7 +1174,7 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; padding: 0.75rem 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; @@ -1259,87 +1199,72 @@ 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; } - ::-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: rgba(255, 255, 255, 0.06); + background-color: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-inputtext:enabled:focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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 rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #1e1e1e; margin: 0; @@ -1392,11 +1317,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-listbox.p-focus { outline: 0 none; @@ -1404,14 +1329,12 @@ box-shadow: none; border-color: #CE93D8; } - p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44435; } - .p-multiselect { background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -1434,7 +1357,7 @@ .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1448,11 +1371,9 @@ 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; } @@ -1460,7 +1381,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.75rem; } - .p-multiselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1470,7 +1390,7 @@ } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1528,11 +1448,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1549,25 +1469,21 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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; @@ -1589,7 +1505,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1597,7 +1512,6 @@ 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; } @@ -1605,13 +1519,12 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } - .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); background: #1e1e1e; width: 20px; height: 20px; @@ -1643,16 +1556,14 @@ 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: rgba(255, 255, 255, 0.06); + background-color: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #121212; @@ -1660,11 +1571,9 @@ .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; } @@ -1695,7 +1604,6 @@ .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); @@ -1703,7 +1611,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 { @@ -1712,7 +1620,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 { @@ -1721,7 +1629,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 { @@ -1730,16 +1638,14 @@ 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: rgba(255, 255, 255, 0.3); + background: hsla(0, 0%, 100%, 0.3); border: 0 none; border-radius: 4px; } @@ -1789,7 +1695,6 @@ .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); @@ -1797,7 +1702,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 { @@ -1806,7 +1711,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 { @@ -1815,7 +1720,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 { @@ -1824,17 +1729,15 @@ 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -1857,7 +1760,7 @@ .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1868,15 +1771,12 @@ 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); @@ -1886,7 +1786,7 @@ } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1936,17 +1836,15 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); } - p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1954,7 +1852,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.75rem; } - .p-button { color: #121212; background: #CE93D8; @@ -2066,7 +1963,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 { @@ -2093,7 +1990,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2106,421 +2002,414 @@ .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; @@ -2544,7 +2433,6 @@ color: #CE93D8; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2556,17 +2444,14 @@ 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; @@ -2577,52 +2462,45 @@ 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; } @@ -2700,7 +2578,6 @@ .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; @@ -2729,7 +2606,6 @@ border-color: transparent; color: #A5D6A7; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #90caf9; @@ -2758,7 +2634,6 @@ border-color: transparent; color: #90caf9; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2787,7 +2662,6 @@ border-color: transparent; color: #c5e1a5; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fff59d; @@ -2816,7 +2690,6 @@ border-color: transparent; color: #fff59d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2845,7 +2718,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef9a9a; @@ -2874,9 +2746,8 @@ 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); @@ -2887,13 +2758,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; @@ -2919,7 +2790,6 @@ background: rgba(206, 147, 216, 0.16); color: #CE93D8; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3013,9 +2883,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); @@ -3025,17 +2895,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; @@ -3065,12 +2935,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 { @@ -3173,7 +3043,6 @@ .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; @@ -3212,12 +3081,10 @@ .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; @@ -3245,7 +3112,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3265,7 +3131,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-overlay { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -3292,7 +3157,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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -3300,13 +3165,12 @@ box-shadow: none; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } - .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -3315,7 +3179,7 @@ } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3332,7 +3196,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.75rem; } - .p-orderlist .p-orderlist-controls { padding: 0.75rem; } @@ -3382,12 +3245,12 @@ transition: none; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #CE93D8; @@ -3401,16 +3264,15 @@ 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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); @@ -3419,9 +3281,8 @@ background: #1e1e1e; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { @@ -3458,7 +3319,6 @@ outline-offset: 0; box-shadow: none; } - .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3468,9 +3328,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); @@ -3481,9 +3341,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); @@ -3540,7 +3400,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.6); } - .p-picklist .p-picklist-buttons { padding: 0.75rem; } @@ -3590,12 +3449,12 @@ transition: none; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #CE93D8; @@ -3609,16 +3468,15 @@ 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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); @@ -3627,7 +3485,6 @@ background: #1e1e1e; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3639,20 +3496,19 @@ 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; @@ -3709,19 +3565,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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-filter-container { @@ -3778,7 +3634,7 @@ 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.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { @@ -3786,7 +3642,6 @@ outline-offset: 0; box-shadow: none; } - .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3926,7 +3781,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 { @@ -3987,7 +3842,6 @@ .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); @@ -4012,7 +3866,6 @@ 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; @@ -4085,7 +3938,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4111,7 +3963,6 @@ .p-card .p-card-footer { padding: 0.75rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4120,7 +3971,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px rgba(255, 255, 255, 0.12); + border-top: 1px hsla(0, 0%, 100%, 0.12); } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4130,12 +3981,11 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px rgba(255, 255, 255, 0.12); + border-left: 1px hsla(0, 0%, 100%, 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; @@ -4176,7 +4026,6 @@ .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; @@ -4243,7 +4092,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: rgba(255, 255, 255, 0.12); border: 0 none; @@ -4254,7 +4102,6 @@ outline-offset: 0; box-shadow: none; } - .p-splitter { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -4263,10 +4110,10 @@ } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; @@ -4274,9 +4121,8 @@ box-shadow: none; } .p-splitter .p-splitter-gutter-resizing { - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.75rem; } @@ -4345,7 +4191,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-toolbar { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4356,7 +4201,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4404,7 +4248,6 @@ .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); @@ -4477,7 +4320,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4519,7 +4361,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #262626; } - .p-sidebar { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4530,7 +4371,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); @@ -4540,13 +4381,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; @@ -4560,7 +4401,6 @@ .p-sidebar .p-sidebar-footer { padding: 0.75rem; } - .p-tooltip .p-tooltip-text { background: #444444; color: rgba(255, 255, 255, 0.87); @@ -4580,7 +4420,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #444444; } - .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 0.75rem; @@ -4620,7 +4459,6 @@ .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; @@ -4631,7 +4469,6 @@ color: #121212; border-color: transparent; } - .p-breadcrumb { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4663,7 +4500,6 @@ .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; @@ -4711,7 +4547,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 { @@ -4719,13 +4555,13 @@ } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -4736,11 +4572,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { @@ -4750,7 +4586,6 @@ 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); @@ -4774,32 +4609,31 @@ 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 +4692,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 { @@ -4866,13 +4700,13 @@ } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -4883,7 +4717,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 { @@ -4906,7 +4740,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-megamenu.p-megamenu-vertical { @@ -4941,10 +4775,9 @@ 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; @@ -4981,7 +4814,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 { @@ -4989,13 +4822,13 @@ } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5006,7 +4839,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 { @@ -5024,7 +4857,7 @@ border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-menu .p-menuitem-badge { @@ -5040,7 +4873,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.75rem; background: #1e1e1e; @@ -5079,7 +4911,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 { @@ -5110,7 +4942,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 { @@ -5118,13 +4950,13 @@ } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5135,7 +4967,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 { @@ -5146,13 +4978,12 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 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; @@ -5184,7 +5015,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5327,7 +5158,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 { @@ -5335,13 +5166,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5352,14 +5183,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5392,7 +5223,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5435,7 +5265,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 { @@ -5443,13 +5273,13 @@ } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5460,7 +5290,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 { @@ -5475,7 +5305,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5507,7 +5337,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5544,7 +5373,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); width: 100%; top: 50%; left: 0; @@ -5552,7 +5381,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: solid rgba(255, 255, 255, 0.12); @@ -5623,7 +5451,6 @@ outline-offset: 0; box-shadow: inset none; } - .p-tieredmenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5674,7 +5501,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 { @@ -5682,13 +5509,13 @@ } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5699,11 +5526,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5713,7 +5540,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5769,7 +5595,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 0.75rem 0; border-radius: 4px; @@ -5858,7 +5683,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5909,7 +5733,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 { @@ -5919,7 +5743,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 { @@ -5929,7 +5753,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 { @@ -5939,10 +5763,9 @@ 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; @@ -5973,7 +5796,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 { @@ -6030,7 +5853,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); @@ -6040,7 +5863,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); } @@ -6049,29 +5872,23 @@ 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; @@ -6095,9 +5912,8 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { - background-color: rgba(255, 255, 255, 0.12); + background-color: hsla(0, 0%, 100%, 0.12); border-radius: 4px; } .p-avatar.p-avatar-lg { @@ -6116,11 +5932,9 @@ .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; @@ -6162,9 +5976,8 @@ height: 3rem; line-height: 3rem; } - .p-chip { - background-color: rgba(255, 255, 255, 0.12); + background-color: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; padding: 0 0.75rem; @@ -6198,7 +6011,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6213,7 +6025,6 @@ outline-offset: 0; box-shadow: none; } - .p-progressbar { border: 0 none; height: 4px; @@ -6229,7 +6040,6 @@ color: #121212; line-height: 4px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6251,7 +6061,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 4px; @@ -6259,7 +6068,6 @@ .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; @@ -6292,7 +6100,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6344,17 +6151,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6364,13 +6169,13 @@ background-color: transparent; } .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6378,11 +6183,9 @@ 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; @@ -6412,21 +6215,18 @@ 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; @@ -6478,7 +6278,6 @@ .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); } @@ -6494,7 +6293,6 @@ .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); } @@ -6510,7 +6308,6 @@ .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); } @@ -6526,7 +6323,6 @@ .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); } @@ -6542,7 +6338,6 @@ .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); } @@ -6558,7 +6353,6 @@ .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); } @@ -6574,9 +6368,8 @@ .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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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); @@ -6621,7 +6414,6 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } - .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6636,7 +6428,7 @@ order: 3; } .p-datepicker table th { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.38); font-weight: 400; font-size: 0.875rem; @@ -6647,7 +6439,6 @@ .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; } @@ -6660,13 +6451,12 @@ 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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6676,13 +6466,13 @@ background-color: transparent; } .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6716,7 +6506,6 @@ border: 0 none; background-image: none; } - .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6727,17 +6516,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6747,13 +6534,13 @@ background-color: transparent; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6779,7 +6566,6 @@ 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; @@ -6799,30 +6585,27 @@ 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: rgba(255, 255, 255, 0.7); + border-color: hsla(0, 0%, 100%, 0.7); border-radius: 2px; position: relative; } .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.7); + border-color: hsla(0, 0%, 100%, 0.7); } .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: rgba(255, 255, 255, 0.7); + border-color: hsla(0, 0%, 100%, 0.7); } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #CE93D8; @@ -6850,14 +6633,12 @@ .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; @@ -6880,13 +6661,12 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6896,13 +6676,13 @@ background-color: transparent; } .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6910,11 +6690,9 @@ 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; @@ -6936,11 +6714,9 @@ 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; } @@ -6953,14 +6729,12 @@ .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; @@ -6971,17 +6745,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6991,13 +6763,13 @@ background-color: transparent; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7019,11 +6791,9 @@ 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; } @@ -7035,32 +6805,30 @@ 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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; } .p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7072,13 +6840,12 @@ 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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7087,26 +6854,24 @@ 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); @@ -7115,11 +6880,9 @@ 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); @@ -7128,7 +6891,6 @@ 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); @@ -7145,51 +6907,45 @@ .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); } @@ -7199,25 +6955,21 @@ .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; @@ -7228,7 +6980,6 @@ .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); } @@ -7241,13 +6992,12 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7257,13 +7007,13 @@ background-color: transparent; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7275,13 +7025,11 @@ 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; @@ -7310,22 +7058,18 @@ 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; } @@ -7335,14 +7079,13 @@ .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 { @@ -7354,7 +7097,6 @@ .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; @@ -7390,30 +7132,27 @@ .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 rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #CE93D8; @@ -7430,14 +7169,12 @@ .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; } @@ -7459,7 +7196,6 @@ .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); @@ -7468,14 +7204,12 @@ 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); @@ -7486,7 +7220,6 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } - .p-steps { padding: 1rem 0; } @@ -7539,7 +7272,6 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } - .p-tabview .p-tabview-nav { position: relative; } @@ -7562,11 +7294,9 @@ 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; @@ -7574,14 +7304,12 @@ .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; @@ -7592,17 +7320,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7612,13 +7338,13 @@ background-color: transparent; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7630,13 +7356,11 @@ 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; @@ -7665,18 +7389,18 @@ 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 .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(255, 255, 255, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .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; } @@ -7689,7 +7413,6 @@ .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; } @@ -7714,14 +7437,12 @@ 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); @@ -7730,7 +7451,6 @@ 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); } @@ -7762,53 +7482,45 @@ .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 033b88ddda4..3ea889a3907 100644 --- a/src/assets/components/themes/mdc-dark-indigo/theme.css +++ b/src/assets/components/themes/mdc-dark-indigo/theme.css @@ -54,24 +54,21 @@ 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; @@ -244,7 +241,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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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; @@ -299,40 +296,32 @@ * { 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); @@ -344,15 +333,12 @@ 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; @@ -369,7 +355,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -402,7 +387,7 @@ } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -410,13 +395,12 @@ margin-left: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token.p-focus { - background: rgba(255, 255, 255, 0.24); + background: hsla(0, 0%, 100%, 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); @@ -445,11 +429,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -458,11 +442,9 @@ background: transparent; font-weight: 400; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44435; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -470,28 +452,24 @@ 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 0.3); border-radius: 4px; } .p-datepicker:not(.p-datepicker-inline) { @@ -508,12 +486,12 @@ background: #1e1e1e; font-weight: 500; margin: 0; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 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); @@ -523,13 +501,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; @@ -538,14 +516,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 { @@ -592,13 +570,13 @@ } .p-datepicker .p-datepicker-buttonbar { padding: 0.75rem 0; - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); padding: 0.5rem; } .p-datepicker .p-timepicker button { @@ -657,7 +635,7 @@ background: rgba(159, 168, 218, 0.16); } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid rgba(255, 255, 255, 0.12); + border-left: 1px solid hsla(0, 0%, 100%, 0.12); padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -694,7 +672,6 @@ outline-offset: 0; box-shadow: none; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -702,12 +679,10 @@ 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; @@ -715,7 +690,7 @@ } .p-cascadeselect { background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -750,7 +725,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44435; } - .p-cascadeselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -778,11 +752,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content { padding: 0.75rem 0.75rem; @@ -790,21 +764,18 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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; } @@ -812,7 +783,6 @@ 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; @@ -821,13 +791,12 @@ .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 rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); background: #1e1e1e; width: 18px; height: 18px; @@ -862,32 +831,27 @@ 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: rgba(255, 255, 255, 0.06); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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); } @@ -904,12 +868,12 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token.p-focus { - background: rgba(255, 255, 255, 0.24); + background: hsla(0, 0%, 100%, 0.24); color: rgba(255, 255, 255, 0.87); } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -926,11 +890,9 @@ 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; } @@ -938,29 +900,25 @@ 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -1001,7 +959,6 @@ .p-dropdown.p-invalid.p-component { border-color: #f44435; } - .p-dropdown-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1011,7 +968,7 @@ } .p-dropdown-panel .p-dropdown-header { padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1047,11 +1004,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -1065,98 +1022,87 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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-inputgroup-addon { background: #1e1e1e; color: rgba(255, 255, 255, 0.6); - 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); + 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); padding: 0.75rem 0.75rem; min-width: 2.75rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid rgba(255, 255, 255, 0.3); + border-right: 1px solid hsla(0, 0%, 100%, 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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44435; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1164,11 +1110,9 @@ 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; } @@ -1176,20 +1120,18 @@ 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-inputswitch { width: 2.75rem; height: 1rem; } .p-inputswitch .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); + background: hsla(0, 0%, 100%, 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; } @@ -1211,7 +1153,7 @@ box-shadow: none; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: rgba(255, 255, 255, 0.3); + background: hsla(0, 0%, 100%, 0.3); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { background: rgba(159, 168, 218, 0.5); @@ -1222,11 +1164,9 @@ .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); @@ -1234,7 +1174,7 @@ color: rgba(255, 255, 255, 0.87); background: #1e1e1e; padding: 0.75rem 0.75rem; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; @@ -1259,87 +1199,72 @@ 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; } - ::-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: rgba(255, 255, 255, 0.06); + background-color: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-inputtext:enabled:focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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 rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #1e1e1e; margin: 0; @@ -1392,11 +1317,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-listbox.p-focus { outline: 0 none; @@ -1404,14 +1329,12 @@ box-shadow: none; border-color: #9FA8DA; } - p-listbox.ng-dirty.ng-invalid > .p-listbox { border-color: #f44435; } - .p-multiselect { background: #1e1e1e; - border: 1px solid rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -1434,7 +1357,7 @@ .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1448,11 +1371,9 @@ 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; } @@ -1460,7 +1381,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.75rem; } - .p-multiselect-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -1470,7 +1390,7 @@ } .p-multiselect-panel .p-multiselect-header { padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1528,11 +1448,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1549,25 +1469,21 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 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; @@ -1589,7 +1505,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1597,7 +1512,6 @@ 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; } @@ -1605,13 +1519,12 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } - .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); background: #1e1e1e; width: 20px; height: 20px; @@ -1643,16 +1556,14 @@ 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: rgba(255, 255, 255, 0.06); + background-color: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { background: #121212; @@ -1660,11 +1571,9 @@ .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; } @@ -1695,7 +1604,6 @@ .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); @@ -1703,7 +1611,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 { @@ -1712,7 +1620,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 { @@ -1721,7 +1629,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 { @@ -1730,16 +1638,14 @@ 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: rgba(255, 255, 255, 0.3); + background: hsla(0, 0%, 100%, 0.3); border: 0 none; border-radius: 4px; } @@ -1789,7 +1695,6 @@ .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); @@ -1797,7 +1702,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 { @@ -1806,7 +1711,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 { @@ -1815,7 +1720,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 { @@ -1824,17 +1729,15 @@ 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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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; } @@ -1857,7 +1760,7 @@ .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; } @@ -1868,15 +1771,12 @@ 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); @@ -1886,7 +1786,7 @@ } .p-treeselect-panel .p-treeselect-header { padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -1936,17 +1836,15 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { - background: rgba(255, 255, 255, 0.06); + background: hsla(0, 0%, 100%, 0.06); } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 0.08); } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { - background-color: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); } - p-treeselect.p-treeselect-clearable .p-treeselect-label-container { padding-right: 1.75rem; } @@ -1954,7 +1852,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.75rem; } - .p-button { color: #121212; background: #9FA8DA; @@ -2066,7 +1963,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 { @@ -2093,7 +1990,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2106,421 +2002,414 @@ .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; @@ -2544,7 +2433,6 @@ color: #9FA8DA; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2556,17 +2444,14 @@ 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; @@ -2577,52 +2462,45 @@ 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; } @@ -2700,7 +2578,6 @@ .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; @@ -2729,7 +2606,6 @@ border-color: transparent; color: #F48FB1; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #90caf9; @@ -2758,7 +2634,6 @@ border-color: transparent; color: #90caf9; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2787,7 +2662,6 @@ border-color: transparent; color: #c5e1a5; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fff59d; @@ -2816,7 +2690,6 @@ border-color: transparent; color: #fff59d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2845,7 +2718,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef9a9a; @@ -2874,9 +2746,8 @@ 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); @@ -2887,13 +2758,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; @@ -2919,7 +2790,6 @@ background: rgba(159, 168, 218, 0.16); color: #9FA8DA; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3013,9 +2883,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); @@ -3025,17 +2895,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; @@ -3065,12 +2935,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 { @@ -3173,7 +3043,6 @@ .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; @@ -3212,12 +3081,10 @@ .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; @@ -3245,7 +3112,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3265,7 +3131,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-overlay { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); @@ -3292,7 +3157,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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -3300,13 +3165,12 @@ box-shadow: none; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } - .p-column-filter-overlay-menu .p-column-filter-operator { padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); background: #2b2b2b; margin: 0; @@ -3315,7 +3179,7 @@ } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 0.75rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3332,7 +3196,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.75rem; } - .p-orderlist .p-orderlist-controls { padding: 0.75rem; } @@ -3382,12 +3245,12 @@ transition: none; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #9FA8DA; @@ -3401,16 +3264,15 @@ 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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); @@ -3419,9 +3281,8 @@ background: #1e1e1e; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-organizationchart .p-organizationchart-node-content.p-highlight { @@ -3458,7 +3319,6 @@ outline-offset: 0; box-shadow: none; } - .p-paginator { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -3468,9 +3328,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); @@ -3481,9 +3341,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); @@ -3540,7 +3400,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.6); } - .p-picklist .p-picklist-buttons { padding: 0.75rem; } @@ -3590,12 +3449,12 @@ transition: none; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #9FA8DA; @@ -3609,16 +3468,15 @@ 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 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); @@ -3627,7 +3485,6 @@ background: #1e1e1e; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3639,20 +3496,19 @@ 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; @@ -3709,19 +3565,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: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree .p-tree-filter-container { @@ -3778,7 +3634,7 @@ 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.04); + background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } .p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus { @@ -3786,7 +3642,6 @@ outline-offset: 0; box-shadow: none; } - .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3926,7 +3781,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 { @@ -3987,7 +3842,6 @@ .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); @@ -4012,7 +3866,6 @@ 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; @@ -4085,7 +3938,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-card { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -4111,7 +3963,6 @@ .p-card .p-card-footer { padding: 0.75rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1e1e1e; } @@ -4120,7 +3971,7 @@ padding: 0 1.25rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px rgba(255, 255, 255, 0.12); + border-top: 1px hsla(0, 0%, 100%, 0.12); } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -4130,12 +3981,11 @@ padding: 1.25rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px rgba(255, 255, 255, 0.12); + border-left: 1px hsla(0, 0%, 100%, 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; @@ -4176,7 +4026,6 @@ .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; @@ -4243,7 +4092,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: rgba(255, 255, 255, 0.12); border: 0 none; @@ -4254,7 +4102,6 @@ outline-offset: 0; box-shadow: none; } - .p-splitter { border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; @@ -4263,10 +4110,10 @@ } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: rgba(255, 255, 255, 0.04); + background: hsla(0, 0%, 100%, 0.04); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible { outline: 0 none; @@ -4274,9 +4121,8 @@ box-shadow: none; } .p-splitter .p-splitter-gutter-resizing { - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 0.12); } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.75rem; } @@ -4345,7 +4191,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-toolbar { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4356,7 +4201,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4404,7 +4248,6 @@ .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); @@ -4477,7 +4320,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4519,7 +4361,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #262626; } - .p-sidebar { background: #262626; color: rgba(255, 255, 255, 0.87); @@ -4530,7 +4371,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); @@ -4540,13 +4381,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; @@ -4560,7 +4401,6 @@ .p-sidebar .p-sidebar-footer { padding: 0.75rem; } - .p-tooltip .p-tooltip-text { background: #444444; color: rgba(255, 255, 255, 0.87); @@ -4580,7 +4420,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #444444; } - .p-fileupload .p-fileupload-buttonbar { background: #1e1e1e; padding: 0.75rem; @@ -4620,7 +4459,6 @@ .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; @@ -4631,7 +4469,6 @@ color: #121212; border-color: transparent; } - .p-breadcrumb { background: #1e1e1e; border: 1px solid rgba(255, 255, 255, 0.12); @@ -4663,7 +4500,6 @@ .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; @@ -4711,7 +4547,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 { @@ -4719,13 +4555,13 @@ } .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -4736,11 +4572,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { @@ -4750,7 +4586,6 @@ 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); @@ -4774,32 +4609,31 @@ 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 +4692,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 { @@ -4866,13 +4700,13 @@ } .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -4883,7 +4717,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 { @@ -4906,7 +4740,7 @@ width: 12.5rem; } .p-megamenu .p-submenu-list .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-megamenu.p-megamenu-vertical { @@ -4941,10 +4775,9 @@ 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; @@ -4981,7 +4814,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 { @@ -4989,13 +4822,13 @@ } .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5006,7 +4839,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 { @@ -5024,7 +4857,7 @@ border-top-left-radius: 0; } .p-menu .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-menu .p-menuitem-badge { @@ -5040,7 +4873,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.75rem; background: #1e1e1e; @@ -5079,7 +4911,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 { @@ -5110,7 +4942,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 { @@ -5118,13 +4950,13 @@ } .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5135,7 +4967,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 { @@ -5146,13 +4978,12 @@ width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 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; @@ -5184,7 +5015,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -5327,7 +5158,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 { @@ -5335,13 +5166,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: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5352,14 +5183,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { @@ -5392,7 +5223,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5435,7 +5265,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 { @@ -5443,13 +5273,13 @@ } .p-slidemenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5460,7 +5290,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 { @@ -5475,7 +5305,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5507,7 +5337,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5544,7 +5373,7 @@ } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); width: 100%; top: 50%; left: 0; @@ -5552,7 +5381,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: solid rgba(255, 255, 255, 0.12); @@ -5623,7 +5451,6 @@ outline-offset: 0; box-shadow: inset none; } - .p-tieredmenu { padding: 0.5rem 0; background: #1e1e1e; @@ -5674,7 +5501,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 { @@ -5682,13 +5509,13 @@ } .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - background: rgba(255, 255, 255, 0.12); + background: hsla(0, 0%, 100%, 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 { @@ -5699,11 +5526,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 rgba(255, 255, 255, 0.12); + border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { @@ -5713,7 +5540,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5769,7 +5595,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 0.75rem 0; border-radius: 4px; @@ -5858,7 +5683,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5909,7 +5733,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 { @@ -5919,7 +5743,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 { @@ -5929,7 +5753,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 { @@ -5939,10 +5763,9 @@ 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; @@ -5973,7 +5796,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 { @@ -6030,7 +5853,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); @@ -6040,7 +5863,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); } @@ -6049,29 +5872,23 @@ 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; @@ -6095,9 +5912,8 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { - background-color: rgba(255, 255, 255, 0.12); + background-color: hsla(0, 0%, 100%, 0.12); border-radius: 4px; } .p-avatar.p-avatar-lg { @@ -6116,11 +5932,9 @@ .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; @@ -6162,9 +5976,8 @@ height: 3rem; line-height: 3rem; } - .p-chip { - background-color: rgba(255, 255, 255, 0.12); + background-color: hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.87); border-radius: 16px; padding: 0 0.75rem; @@ -6198,7 +6011,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6213,7 +6025,6 @@ outline-offset: 0; box-shadow: none; } - .p-progressbar { border: 0 none; height: 4px; @@ -6229,7 +6040,6 @@ color: #121212; line-height: 4px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6251,7 +6061,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 4px; @@ -6259,7 +6068,6 @@ .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; @@ -6292,7 +6100,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); @@ -6344,17 +6151,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6364,13 +6169,13 @@ background-color: transparent; } .p-input-filled .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6378,11 +6183,9 @@ 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; @@ -6412,21 +6215,18 @@ 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; @@ -6478,7 +6278,6 @@ .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); } @@ -6494,7 +6293,6 @@ .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); } @@ -6510,7 +6308,6 @@ .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); } @@ -6526,7 +6323,6 @@ .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); } @@ -6542,7 +6338,6 @@ .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); } @@ -6558,7 +6353,6 @@ .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); } @@ -6574,9 +6368,8 @@ .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 rgba(255, 255, 255, 0.3); + border: 1px solid hsla(0, 0%, 100%, 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); @@ -6621,7 +6414,6 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } - .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6636,7 +6428,7 @@ order: 3; } .p-datepicker table th { - border-bottom: 1px solid rgba(255, 255, 255, 0.12); + border-bottom: 1px solid hsla(0, 0%, 100%, 0.12); color: rgba(255, 255, 255, 0.38); font-weight: 400; font-size: 0.875rem; @@ -6647,7 +6439,6 @@ .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; } @@ -6660,13 +6451,12 @@ 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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6676,13 +6466,13 @@ background-color: transparent; } .p-input-filled .p-calendar-w-btn:not(.p-calendar-disabled):not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6716,7 +6506,6 @@ border: 0 none; background-image: none; } - .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6727,17 +6516,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6747,13 +6534,13 @@ background-color: transparent; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6779,7 +6566,6 @@ 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; @@ -6799,30 +6585,27 @@ 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: rgba(255, 255, 255, 0.7); + border-color: hsla(0, 0%, 100%, 0.7); border-radius: 2px; position: relative; } .p-checkbox .p-checkbox-box:not(.p-disabled):hover { - border-color: rgba(255, 255, 255, 0.7); + border-color: hsla(0, 0%, 100%, 0.7); } .p-checkbox .p-checkbox-box:not(.p-disabled).p-focus { - border-color: rgba(255, 255, 255, 0.7); + border-color: hsla(0, 0%, 100%, 0.7); } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled).p-focus { border-color: #9FA8DA; @@ -6850,14 +6633,12 @@ .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; @@ -6880,13 +6661,12 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6896,13 +6676,13 @@ background-color: transparent; } .p-input-filled .p-chips-multiple-container:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -6910,11 +6690,9 @@ 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; @@ -6936,11 +6714,9 @@ 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; } @@ -6953,14 +6729,12 @@ .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; @@ -6971,17 +6745,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -6991,13 +6763,13 @@ background-color: transparent; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7019,11 +6791,9 @@ 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; } @@ -7035,32 +6805,30 @@ 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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; } .p-input-filled .p-inputtext:enabled:hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7072,13 +6840,12 @@ 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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7087,26 +6854,24 @@ 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); @@ -7115,11 +6880,9 @@ 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); @@ -7128,7 +6891,6 @@ 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); @@ -7145,51 +6907,45 @@ .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); } @@ -7199,25 +6955,21 @@ .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; @@ -7228,7 +6980,6 @@ .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); } @@ -7241,13 +6992,12 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7257,13 +7007,13 @@ background-color: transparent; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7275,13 +7025,11 @@ 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; @@ -7310,22 +7058,18 @@ 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; } @@ -7335,14 +7079,13 @@ .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 { @@ -7354,7 +7097,6 @@ .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; @@ -7390,30 +7132,27 @@ .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 rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { - border: 2px solid rgba(255, 255, 255, 0.7); + border: 2px solid hsla(0, 0%, 100%, 0.7); } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled).p-focus { border-color: #9FA8DA; @@ -7430,14 +7169,12 @@ .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; } @@ -7459,7 +7196,6 @@ .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); @@ -7468,14 +7204,12 @@ 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); @@ -7486,7 +7220,6 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } - .p-steps { padding: 1rem 0; } @@ -7539,7 +7272,6 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } - .p-tabview .p-tabview-nav { position: relative; } @@ -7562,11 +7294,9 @@ 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; @@ -7574,14 +7304,12 @@ .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; @@ -7592,17 +7320,15 @@ .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: 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: 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-size: 0 2px, 100% 1px; background-position: 50% 100%, 50% 100%; background-origin: border-box; @@ -7612,13 +7338,13 @@ background-color: transparent; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: rgba(255, 255, 255, 0.08); + background-color: hsla(0, 0%, 100%, 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: rgba(255, 255, 255, 0.1); + background-color: hsla(0, 0%, 100%, 0.1); border-color: transparent; background-size: 100% 2px, 100% 1px; } @@ -7630,13 +7356,11 @@ 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; @@ -7665,18 +7389,18 @@ 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 .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(255, 255, 255, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .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; } @@ -7689,7 +7413,6 @@ .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; } @@ -7714,14 +7437,12 @@ 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); @@ -7730,7 +7451,6 @@ 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); } @@ -7762,53 +7482,45 @@ .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 5c7ef4a1241..d53a62d5e5d 100644 --- a/src/assets/components/themes/mdc-light-deeppurple/theme.css +++ b/src/assets/components/themes/mdc-light-deeppurple/theme.css @@ -54,24 +54,21 @@ 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; @@ -299,40 +296,32 @@ * { 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); @@ -344,15 +333,12 @@ 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; @@ -369,7 +355,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -416,7 +401,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #b00020; } - .p-autocomplete-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -458,11 +442,9 @@ background: #ffffff; font-weight: 400; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #b00020; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -470,23 +452,19 @@ 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; @@ -513,7 +491,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); @@ -523,13 +501,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; @@ -538,14 +516,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 { @@ -584,7 +562,7 @@ .p-datepicker table td.p-datepicker-today > span { background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-color: black; + border-color: rgb(0, 0, 0); } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #673AB7; @@ -694,7 +672,6 @@ outline-offset: 0; box-shadow: none; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -702,12 +679,10 @@ 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; @@ -750,7 +725,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #b00020; } - .p-cascadeselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -790,7 +764,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f5f5f5; } @@ -800,11 +773,9 @@ .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; } @@ -812,7 +783,6 @@ 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; @@ -821,7 +791,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 18px; height: 18px; @@ -862,11 +831,9 @@ 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; } @@ -879,15 +846,12 @@ .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); } @@ -926,11 +890,9 @@ 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; } @@ -938,26 +900,22 @@ 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); @@ -1001,7 +959,6 @@ .p-dropdown.p-invalid.p-component { border-color: #b00020; } - .p-dropdown-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1065,7 +1022,6 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #f5f5f5; } @@ -1078,11 +1034,9 @@ .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-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1095,68 +1049,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #b00020; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1164,11 +1110,9 @@ 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; } @@ -1176,14 +1120,12 @@ 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-inputswitch { width: 2.75rem; height: 1rem; @@ -1222,11 +1164,9 @@ .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); @@ -1259,57 +1199,45 @@ 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; } - ::-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; } @@ -1319,17 +1247,14 @@ .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); @@ -1404,11 +1329,9 @@ 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); @@ -1448,11 +1371,9 @@ 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; } @@ -1460,7 +1381,6 @@ color: rgba(0, 0, 0, 0.6); right: 2.75rem; } - .p-multiselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1549,7 +1469,6 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #f5f5f5; } @@ -1559,15 +1478,12 @@ .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; @@ -1589,7 +1505,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1597,7 +1512,6 @@ 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; } @@ -1605,7 +1519,6 @@ color: rgba(0, 0, 0, 0.6); right: 2.5rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1643,11 +1556,9 @@ 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; } @@ -1660,11 +1571,9 @@ .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; } @@ -1695,7 +1604,6 @@ .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); @@ -1703,7 +1611,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 { @@ -1712,7 +1620,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 { @@ -1721,7 +1629,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 { @@ -1730,14 +1638,12 @@ 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; @@ -1789,7 +1695,6 @@ .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); @@ -1797,7 +1702,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 { @@ -1806,7 +1711,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 { @@ -1815,7 +1720,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 { @@ -1824,14 +1729,12 @@ 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); @@ -1868,15 +1771,12 @@ 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); @@ -1936,7 +1836,6 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #f5f5f5; } @@ -1946,7 +1845,6 @@ .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; } @@ -1954,7 +1852,6 @@ color: rgba(0, 0, 0, 0.6); right: 2.75rem; } - .p-button { color: #ffffff; background: #673AB7; @@ -2066,7 +1963,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 { @@ -2093,7 +1990,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2106,421 +2002,414 @@ .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; @@ -2544,7 +2433,6 @@ color: #673AB7; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2556,17 +2444,14 @@ 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; @@ -2577,52 +2462,45 @@ 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; } @@ -2700,7 +2578,6 @@ .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; @@ -2729,7 +2606,6 @@ border-color: transparent; color: #4CAF50; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #2196f3; @@ -2758,7 +2634,6 @@ border-color: transparent; color: #2196f3; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2787,7 +2662,6 @@ border-color: transparent; color: #689f38; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2816,7 +2690,6 @@ border-color: transparent; color: #fbc02d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2845,7 +2718,6 @@ border-color: transparent; color: #9c27b0; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2874,9 +2746,8 @@ 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); @@ -2887,13 +2758,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; @@ -2919,7 +2790,6 @@ background: rgba(103, 58, 183, 0.12); color: #673AB7; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3013,9 +2883,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); @@ -3025,17 +2895,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; @@ -3065,12 +2935,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 { @@ -3173,7 +3043,6 @@ .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; @@ -3212,12 +3081,10 @@ .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; @@ -3245,7 +3112,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3265,7 +3131,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-overlay { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3303,7 +3168,6 @@ 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); @@ -3332,7 +3196,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.75rem; } - .p-orderlist .p-orderlist-controls { padding: 0.75rem; } @@ -3410,7 +3273,6 @@ .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); @@ -3419,7 +3281,6 @@ 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); @@ -3458,7 +3319,6 @@ outline-offset: 0; box-shadow: none; } - .p-paginator { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3468,9 +3328,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); @@ -3481,9 +3341,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); @@ -3540,7 +3400,6 @@ border-color: transparent; color: rgba(0, 0, 0, 0.6); } - .p-picklist .p-picklist-buttons { padding: 0.75rem; } @@ -3618,7 +3477,6 @@ .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); @@ -3627,7 +3485,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3639,20 +3496,19 @@ 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; @@ -3709,11 +3565,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 { @@ -3786,7 +3642,6 @@ outline-offset: 0; box-shadow: none; } - .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3926,7 +3781,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 { @@ -3987,7 +3842,6 @@ .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); @@ -4012,7 +3866,6 @@ 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; @@ -4085,7 +3938,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-card { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4111,7 +3963,6 @@ .p-card .p-card-footer { padding: 0.75rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4135,7 +3986,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #e0e0e0; background: #ffffff; @@ -4176,7 +4026,6 @@ .p-fieldset .p-fieldset-content { padding: 0.75rem; } - .p-panel .p-panel-header { border: 1px solid #e0e0e0; padding: 0.75rem; @@ -4243,7 +4092,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: rgba(0, 0, 0, 0.12); border: 0 none; @@ -4254,7 +4102,6 @@ outline-offset: 0; box-shadow: none; } - .p-splitter { border: 1px solid #e0e0e0; background: #ffffff; @@ -4276,7 +4123,6 @@ .p-splitter .p-splitter-gutter-resizing { background: rgba(0, 0, 0, 0.12); } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.75rem; } @@ -4345,7 +4191,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-toolbar { background: #ffffff; border: 1px solid #e0e0e0; @@ -4356,7 +4201,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4404,7 +4248,6 @@ .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); @@ -4477,7 +4320,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4519,7 +4361,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4530,7 +4371,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); @@ -4540,13 +4381,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; @@ -4560,7 +4401,6 @@ .p-sidebar .p-sidebar-footer { padding: 0.75rem; } - .p-tooltip .p-tooltip-text { background: rgba(97, 97, 97, 0.9); color: #ffffff; @@ -4580,7 +4420,6 @@ .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; @@ -4620,7 +4459,6 @@ .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; @@ -4631,7 +4469,6 @@ color: #ffffff; border-color: transparent; } - .p-breadcrumb { background: #ffffff; border: 1px solid #e5e5e5; @@ -4663,7 +4500,6 @@ .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; @@ -4711,7 +4547,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 { @@ -4725,7 +4561,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 { @@ -4736,7 +4572,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 { @@ -4750,7 +4586,6 @@ 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); @@ -4774,32 +4609,31 @@ 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 +4692,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 { @@ -4872,7 +4706,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 { @@ -4883,7 +4717,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 { @@ -4941,10 +4775,9 @@ 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; @@ -4981,7 +4814,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 { @@ -4995,7 +4828,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 { @@ -5006,7 +4839,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 { @@ -5040,7 +4873,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.75rem; background: transparent; @@ -5079,7 +4911,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 { @@ -5110,7 +4942,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 { @@ -5124,7 +4956,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 { @@ -5135,7 +4967,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 { @@ -5152,7 +4984,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5327,7 +5158,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 { @@ -5341,7 +5172,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 { @@ -5352,7 +5183,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 { @@ -5392,7 +5223,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5435,7 +5265,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 { @@ -5449,7 +5279,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 { @@ -5460,7 +5290,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 { @@ -5507,7 +5337,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5552,7 +5381,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: solid rgba(0, 0, 0, 0.12); @@ -5623,7 +5451,6 @@ outline-offset: 0; box-shadow: inset none; } - .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5674,7 +5501,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 { @@ -5688,7 +5515,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 { @@ -5699,7 +5526,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 { @@ -5713,7 +5540,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5769,7 +5595,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 0.75rem 0; border-radius: 4px; @@ -5858,7 +5683,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5909,7 +5733,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 { @@ -5919,7 +5743,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 { @@ -5929,7 +5753,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 { @@ -5939,10 +5763,9 @@ 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; @@ -5973,7 +5796,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 { @@ -6030,7 +5853,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); @@ -6040,7 +5863,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); } @@ -6049,29 +5872,23 @@ 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; @@ -6095,7 +5912,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; @@ -6116,11 +5932,9 @@ .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; @@ -6162,7 +5976,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); @@ -6198,7 +6011,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6213,7 +6025,6 @@ outline-offset: 0; box-shadow: none; } - .p-progressbar { border: 0 none; height: 4px; @@ -6229,7 +6040,6 @@ color: #ffffff; line-height: 4px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6251,7 +6061,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(0, 0, 0, 0.08); border-radius: 4px; @@ -6259,7 +6068,6 @@ .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; @@ -6292,7 +6100,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -6344,11 +6151,9 @@ .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; @@ -6378,11 +6183,9 @@ 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; @@ -6412,21 +6215,18 @@ 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; @@ -6478,7 +6278,6 @@ .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); } @@ -6494,7 +6293,6 @@ .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); } @@ -6510,7 +6308,6 @@ .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); } @@ -6526,7 +6323,6 @@ .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); } @@ -6542,7 +6338,6 @@ .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); } @@ -6558,7 +6353,6 @@ .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); } @@ -6574,7 +6368,6 @@ .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; @@ -6621,7 +6414,6 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } - .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6647,7 +6439,6 @@ .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; } @@ -6660,7 +6451,6 @@ 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; @@ -6716,7 +6506,6 @@ border: 0 none; background-image: none; } - .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6727,11 +6516,9 @@ .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; @@ -6779,7 +6566,6 @@ 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; @@ -6799,16 +6585,13 @@ 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; @@ -6850,14 +6633,12 @@ .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; @@ -6880,7 +6661,6 @@ .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; @@ -6910,11 +6690,9 @@ 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; @@ -6936,11 +6714,9 @@ 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; } @@ -6953,14 +6729,12 @@ .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; @@ -6971,11 +6745,9 @@ .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; @@ -7019,11 +6791,9 @@ 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; } @@ -7035,14 +6805,12 @@ 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; @@ -7072,7 +6840,6 @@ box-shadow: none; border-color: transparent; } - .p-input-filled .p-inputgroup .p-inputgroup-addon { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7087,26 +6854,24 @@ 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); @@ -7115,11 +6880,9 @@ 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); @@ -7128,7 +6891,6 @@ 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); @@ -7145,51 +6907,45 @@ .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); } @@ -7199,25 +6955,21 @@ .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; @@ -7228,7 +6980,6 @@ .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); } @@ -7241,7 +6992,6 @@ .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; @@ -7275,13 +7025,11 @@ 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; @@ -7310,22 +7058,18 @@ 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; } @@ -7335,14 +7079,13 @@ .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 { @@ -7354,7 +7097,6 @@ .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; @@ -7390,21 +7132,18 @@ .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; @@ -7430,14 +7169,12 @@ .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; } @@ -7459,7 +7196,6 @@ .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; @@ -7468,14 +7204,12 @@ 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); @@ -7486,7 +7220,6 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } - .p-steps { padding: 1rem 0; } @@ -7539,7 +7272,6 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } - .p-tabview .p-tabview-nav { position: relative; } @@ -7562,11 +7294,9 @@ 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; @@ -7574,14 +7304,12 @@ .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; @@ -7592,11 +7320,9 @@ .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; @@ -7630,13 +7356,11 @@ 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; @@ -7665,18 +7389,18 @@ 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 .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(0, 0, 0, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .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; } @@ -7689,7 +7413,6 @@ .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; } @@ -7714,14 +7437,12 @@ 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; @@ -7730,7 +7451,6 @@ 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); } @@ -7762,53 +7482,45 @@ .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 0f76110d38c..bbd244b6ec9 100644 --- a/src/assets/components/themes/mdc-light-indigo/theme.css +++ b/src/assets/components/themes/mdc-light-indigo/theme.css @@ -54,24 +54,21 @@ 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; @@ -299,40 +296,32 @@ * { 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); @@ -344,15 +333,12 @@ 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; @@ -369,7 +355,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -416,7 +401,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #b00020; } - .p-autocomplete-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -458,11 +442,9 @@ background: #ffffff; font-weight: 400; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #b00020; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -470,23 +452,19 @@ 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; @@ -513,7 +491,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); @@ -523,13 +501,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; @@ -538,14 +516,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 { @@ -584,7 +562,7 @@ .p-datepicker table td.p-datepicker-today > span { background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-color: black; + border-color: rgb(0, 0, 0); } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #3F51B5; @@ -694,7 +672,6 @@ outline-offset: 0; box-shadow: none; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -702,12 +679,10 @@ 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; @@ -750,7 +725,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #b00020; } - .p-cascadeselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -790,7 +764,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f5f5f5; } @@ -800,11 +773,9 @@ .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; } @@ -812,7 +783,6 @@ 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; @@ -821,7 +791,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 18px; height: 18px; @@ -862,11 +831,9 @@ 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; } @@ -879,15 +846,12 @@ .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); } @@ -926,11 +890,9 @@ 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; } @@ -938,26 +900,22 @@ 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); @@ -1001,7 +959,6 @@ .p-dropdown.p-invalid.p-component { border-color: #b00020; } - .p-dropdown-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1065,7 +1022,6 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #f5f5f5; } @@ -1078,11 +1034,9 @@ .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-inputgroup-addon { background: #ffffff; color: rgba(0, 0, 0, 0.6); @@ -1095,68 +1049,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #b00020; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1164,11 +1110,9 @@ 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; } @@ -1176,14 +1120,12 @@ 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-inputswitch { width: 2.75rem; height: 1rem; @@ -1222,11 +1164,9 @@ .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); @@ -1259,57 +1199,45 @@ 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; } - ::-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; } @@ -1319,17 +1247,14 @@ .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); @@ -1404,11 +1329,9 @@ 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); @@ -1448,11 +1371,9 @@ 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; } @@ -1460,7 +1381,6 @@ color: rgba(0, 0, 0, 0.6); right: 2.75rem; } - .p-multiselect-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -1549,7 +1469,6 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #f5f5f5; } @@ -1559,15 +1478,12 @@ .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; @@ -1589,7 +1505,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1597,7 +1512,6 @@ 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; } @@ -1605,7 +1519,6 @@ color: rgba(0, 0, 0, 0.6); right: 2.5rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1643,11 +1556,9 @@ 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; } @@ -1660,11 +1571,9 @@ .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; } @@ -1695,7 +1604,6 @@ .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); @@ -1703,7 +1611,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 { @@ -1712,7 +1620,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 { @@ -1721,7 +1629,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 { @@ -1730,14 +1638,12 @@ 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; @@ -1789,7 +1695,6 @@ .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); @@ -1797,7 +1702,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 { @@ -1806,7 +1711,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 { @@ -1815,7 +1720,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 { @@ -1824,14 +1729,12 @@ 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); @@ -1868,15 +1771,12 @@ 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); @@ -1936,7 +1836,6 @@ color: rgba(0, 0, 0, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #f5f5f5; } @@ -1946,7 +1845,6 @@ .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; } @@ -1954,7 +1852,6 @@ color: rgba(0, 0, 0, 0.6); right: 2.75rem; } - .p-button { color: #ffffff; background: #3F51B5; @@ -2066,7 +1963,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 { @@ -2093,7 +1990,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2106,421 +2002,414 @@ .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; @@ -2544,7 +2433,6 @@ color: #3F51B5; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2556,17 +2444,14 @@ 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; @@ -2577,52 +2462,45 @@ 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; } @@ -2700,7 +2578,6 @@ .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; @@ -2729,7 +2606,6 @@ border-color: transparent; color: #ff4081; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #2196f3; @@ -2758,7 +2634,6 @@ border-color: transparent; color: #2196f3; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2787,7 +2662,6 @@ border-color: transparent; color: #689f38; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2816,7 +2690,6 @@ border-color: transparent; color: #fbc02d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2845,7 +2718,6 @@ border-color: transparent; color: #9c27b0; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2874,9 +2746,8 @@ 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); @@ -2887,13 +2758,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; @@ -2919,7 +2790,6 @@ background: rgba(63, 81, 181, 0.12); color: #3F51B5; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3013,9 +2883,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); @@ -3025,17 +2895,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; @@ -3065,12 +2935,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 { @@ -3173,7 +3043,6 @@ .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; @@ -3212,12 +3081,10 @@ .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; @@ -3245,7 +3112,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3265,7 +3131,6 @@ outline-offset: 0; box-shadow: none; } - .p-column-filter-overlay { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3303,7 +3168,6 @@ 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); @@ -3332,7 +3196,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.75rem; } - .p-orderlist .p-orderlist-controls { padding: 0.75rem; } @@ -3410,7 +3273,6 @@ .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); @@ -3419,7 +3281,6 @@ 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); @@ -3458,7 +3319,6 @@ outline-offset: 0; box-shadow: none; } - .p-paginator { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -3468,9 +3328,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); @@ -3481,9 +3341,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); @@ -3540,7 +3400,6 @@ border-color: transparent; color: rgba(0, 0, 0, 0.6); } - .p-picklist .p-picklist-buttons { padding: 0.75rem; } @@ -3618,7 +3477,6 @@ .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); @@ -3627,7 +3485,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3639,20 +3496,19 @@ 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; @@ -3709,11 +3565,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 { @@ -3786,7 +3642,6 @@ outline-offset: 0; box-shadow: none; } - .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3926,7 +3781,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 { @@ -3987,7 +3842,6 @@ .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); @@ -4012,7 +3866,6 @@ 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; @@ -4085,7 +3938,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-card { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4111,7 +3963,6 @@ .p-card .p-card-footer { padding: 0.75rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4135,7 +3986,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #e0e0e0; background: #ffffff; @@ -4176,7 +4026,6 @@ .p-fieldset .p-fieldset-content { padding: 0.75rem; } - .p-panel .p-panel-header { border: 1px solid #e0e0e0; padding: 0.75rem; @@ -4243,7 +4092,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: rgba(0, 0, 0, 0.12); border: 0 none; @@ -4254,7 +4102,6 @@ outline-offset: 0; box-shadow: none; } - .p-splitter { border: 1px solid #e0e0e0; background: #ffffff; @@ -4276,7 +4123,6 @@ .p-splitter .p-splitter-gutter-resizing { background: rgba(0, 0, 0, 0.12); } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.75rem; } @@ -4345,7 +4191,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-toolbar { background: #ffffff; border: 1px solid #e0e0e0; @@ -4356,7 +4201,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4404,7 +4248,6 @@ .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); @@ -4477,7 +4320,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4519,7 +4361,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4530,7 +4371,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); @@ -4540,13 +4381,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; @@ -4560,7 +4401,6 @@ .p-sidebar .p-sidebar-footer { padding: 0.75rem; } - .p-tooltip .p-tooltip-text { background: rgba(97, 97, 97, 0.9); color: #ffffff; @@ -4580,7 +4420,6 @@ .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; @@ -4620,7 +4459,6 @@ .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; @@ -4631,7 +4469,6 @@ color: #ffffff; border-color: transparent; } - .p-breadcrumb { background: #ffffff; border: 1px solid #e5e5e5; @@ -4663,7 +4500,6 @@ .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; @@ -4711,7 +4547,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 { @@ -4725,7 +4561,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 { @@ -4736,7 +4572,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 { @@ -4750,7 +4586,6 @@ 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); @@ -4774,32 +4609,31 @@ 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 +4692,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 { @@ -4872,7 +4706,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 { @@ -4883,7 +4717,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 { @@ -4941,10 +4775,9 @@ 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; @@ -4981,7 +4814,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 { @@ -4995,7 +4828,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 { @@ -5006,7 +4839,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 { @@ -5040,7 +4873,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.75rem; background: transparent; @@ -5079,7 +4911,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 { @@ -5110,7 +4942,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 { @@ -5124,7 +4956,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 { @@ -5135,7 +4967,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 { @@ -5152,7 +4984,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5327,7 +5158,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 { @@ -5341,7 +5172,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 { @@ -5352,7 +5183,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 { @@ -5392,7 +5223,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-slidemenu { padding: 0.5rem 0; background: #ffffff; @@ -5435,7 +5265,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 { @@ -5449,7 +5279,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 { @@ -5460,7 +5290,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 { @@ -5507,7 +5337,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5552,7 +5381,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: solid rgba(0, 0, 0, 0.12); @@ -5623,7 +5451,6 @@ outline-offset: 0; box-shadow: inset none; } - .p-tieredmenu { padding: 0.5rem 0; background: #ffffff; @@ -5674,7 +5501,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 { @@ -5688,7 +5515,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 { @@ -5699,7 +5526,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 { @@ -5713,7 +5540,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5769,7 +5595,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 0.75rem 0; border-radius: 4px; @@ -5858,7 +5683,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5909,7 +5733,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 { @@ -5919,7 +5743,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 { @@ -5929,7 +5753,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 { @@ -5939,10 +5763,9 @@ 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; @@ -5973,7 +5796,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 { @@ -6030,7 +5853,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); @@ -6040,7 +5863,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); } @@ -6049,29 +5872,23 @@ 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; @@ -6095,7 +5912,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: rgba(0, 0, 0, 0.12); border-radius: 4px; @@ -6116,11 +5932,9 @@ .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; @@ -6162,7 +5976,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.87); @@ -6198,7 +6011,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 1rem 1rem; border-radius: 4px; @@ -6213,7 +6025,6 @@ outline-offset: 0; box-shadow: none; } - .p-progressbar { border: 0 none; height: 4px; @@ -6229,7 +6040,6 @@ color: #ffffff; line-height: 4px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6251,7 +6061,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(0, 0, 0, 0.08); border-radius: 4px; @@ -6259,7 +6068,6 @@ .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; @@ -6292,7 +6100,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -6344,11 +6151,9 @@ .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; @@ -6378,11 +6183,9 @@ 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; @@ -6412,21 +6215,18 @@ 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; @@ -6478,7 +6278,6 @@ .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); } @@ -6494,7 +6293,6 @@ .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); } @@ -6510,7 +6308,6 @@ .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); } @@ -6526,7 +6323,6 @@ .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); } @@ -6542,7 +6338,6 @@ .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); } @@ -6558,7 +6353,6 @@ .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); } @@ -6574,7 +6368,6 @@ .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; @@ -6621,7 +6414,6 @@ .p-calendar-w-btn.p-calendar-disabled .p-inputtext { opacity: 1; } - .p-datepicker .p-datepicker-header { border-bottom: 0 none; } @@ -6647,7 +6439,6 @@ .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; } @@ -6660,7 +6451,6 @@ 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; @@ -6716,7 +6506,6 @@ border: 0 none; background-image: none; } - .p-cascadeselect .p-inputtext, .p-cascadeselect .p-cascadeselect-trigger { background-image: none; background: transparent; @@ -6727,11 +6516,9 @@ .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; @@ -6779,7 +6566,6 @@ 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; @@ -6799,16 +6585,13 @@ 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; @@ -6850,14 +6633,12 @@ .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; @@ -6880,7 +6661,6 @@ .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; @@ -6910,11 +6690,9 @@ 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; @@ -6936,11 +6714,9 @@ 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; } @@ -6953,14 +6729,12 @@ .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; @@ -6971,11 +6745,9 @@ .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; @@ -7019,11 +6791,9 @@ 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; } @@ -7035,14 +6805,12 @@ 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; @@ -7072,7 +6840,6 @@ box-shadow: none; border-color: transparent; } - .p-input-filled .p-inputgroup .p-inputgroup-addon { border-bottom-left-radius: 0; border-bottom-right-radius: 0; @@ -7087,26 +6854,24 @@ 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); @@ -7115,11 +6880,9 @@ 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); @@ -7128,7 +6891,6 @@ 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); @@ -7145,51 +6907,45 @@ .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); } @@ -7199,25 +6955,21 @@ .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; @@ -7228,7 +6980,6 @@ .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); } @@ -7241,7 +6992,6 @@ .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; @@ -7275,13 +7025,11 @@ 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; @@ -7310,22 +7058,18 @@ 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; } @@ -7335,14 +7079,13 @@ .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 { @@ -7354,7 +7097,6 @@ .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; @@ -7390,21 +7132,18 @@ .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; @@ -7430,14 +7169,12 @@ .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; } @@ -7459,7 +7196,6 @@ .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; @@ -7468,14 +7204,12 @@ 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); @@ -7486,7 +7220,6 @@ .p-slider.p-slider-sliding .p-slider-handle { transform: scale(1); } - .p-steps { padding: 1rem 0; } @@ -7539,7 +7272,6 @@ .p-steps .p-steps-item.p-disabled { opacity: 1; } - .p-tabview .p-tabview-nav { position: relative; } @@ -7562,11 +7294,9 @@ 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; @@ -7574,14 +7304,12 @@ .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; @@ -7592,11 +7320,9 @@ .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; @@ -7630,13 +7356,11 @@ 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; @@ -7665,18 +7389,18 @@ 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 .p-treenode-content:focus { + .p-tree .p-tree-container .p-treenode { + outline: 0 none; + } + .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content { background: rgba(0, 0, 0, 0.12); } - .p-tree .p-tree-container .p-treenode .p-treenode-content:focus.p-highlight { + .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; } @@ -7689,7 +7413,6 @@ .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; } @@ -7714,14 +7437,12 @@ 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; @@ -7730,7 +7451,6 @@ 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); } @@ -7762,53 +7482,45 @@ .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 5fda0d2ddb9..f9172e8c707 100644 --- a/src/assets/components/themes/mira/theme.css +++ b/src/assets/components/themes/mira/theme.css @@ -52,29 +52,25 @@ 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; @@ -302,40 +298,32 @@ * { 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); @@ -347,15 +335,12 @@ 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; @@ -372,7 +357,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -419,7 +403,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #bf616a; } - .p-autocomplete-panel { background: #ffffff; color: #4c566a; @@ -461,11 +444,9 @@ background: #ffffff; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #bf616a; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -473,23 +454,19 @@ 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; @@ -516,7 +493,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; @@ -526,13 +503,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; @@ -541,14 +518,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 { @@ -697,7 +674,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -705,12 +681,10 @@ 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; @@ -753,7 +727,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #bf616a; } - .p-cascadeselect-panel { background: #ffffff; color: #4c566a; @@ -793,7 +766,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #eceff4; } @@ -803,11 +775,9 @@ .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; } @@ -815,7 +785,6 @@ color: #81a1c1; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -824,7 +793,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -865,11 +833,9 @@ 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; } @@ -882,15 +848,12 @@ .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; } @@ -929,11 +892,9 @@ 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; } @@ -941,26 +902,22 @@ 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; @@ -1004,7 +961,6 @@ .p-dropdown.p-invalid.p-component { border-color: #bf616a; } - .p-dropdown-panel { background: #ffffff; color: #4c566a; @@ -1068,7 +1024,6 @@ color: #4c566a; background: transparent; } - .p-input-filled .p-dropdown { background: #eceff4; } @@ -1081,11 +1036,9 @@ .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-inputgroup-addon { background: #ffffff; color: #81a1c1; @@ -1098,68 +1051,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #bf616a; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1167,11 +1112,9 @@ 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; } @@ -1179,14 +1122,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1225,11 +1166,9 @@ .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); @@ -1262,57 +1201,45 @@ 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; } - ::-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; } @@ -1322,17 +1249,14 @@ .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; @@ -1407,11 +1331,9 @@ 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; @@ -1451,11 +1373,9 @@ 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; } @@ -1463,7 +1383,6 @@ color: #81a1c1; right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: #4c566a; @@ -1552,7 +1471,6 @@ color: #4c566a; background: transparent; } - .p-input-filled .p-multiselect { background: #eceff4; } @@ -1562,15 +1480,12 @@ .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; @@ -1592,7 +1507,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #7fa366; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1600,7 +1514,6 @@ color: #81a1c1; right: 0.5rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1608,7 +1521,6 @@ color: #81a1c1; right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1646,11 +1558,9 @@ 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; } @@ -1663,11 +1573,9 @@ .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; } @@ -1698,7 +1606,6 @@ .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; @@ -1706,7 +1613,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 { @@ -1715,7 +1622,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 { @@ -1724,7 +1631,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 { @@ -1733,14 +1640,12 @@ 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; @@ -1792,7 +1697,6 @@ .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; @@ -1800,7 +1704,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 { @@ -1809,7 +1713,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 { @@ -1818,7 +1722,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 { @@ -1827,14 +1731,12 @@ 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; @@ -1871,15 +1773,12 @@ 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; @@ -1939,7 +1838,6 @@ color: #4c566a; background: transparent; } - .p-input-filled .p-treeselect { background: #eceff4; } @@ -1949,7 +1847,6 @@ .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; } @@ -1957,7 +1854,6 @@ color: #81a1c1; right: 2.357rem; } - .p-button { color: #ffffff; background: #5e81ac; @@ -2069,7 +1965,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 { @@ -2096,7 +1992,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2109,421 +2004,414 @@ .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; @@ -2547,7 +2435,6 @@ color: #48678c; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2559,17 +2446,14 @@ 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; @@ -2580,52 +2464,45 @@ 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; } @@ -2703,7 +2580,6 @@ .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; @@ -2732,7 +2608,6 @@ border-color: transparent; color: #4c566a; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #639bb2; @@ -2761,7 +2636,6 @@ border-color: transparent; color: #639bb2; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #7fa366; @@ -2790,7 +2664,6 @@ border-color: transparent; color: #7fa366; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #d08770; @@ -2819,7 +2692,6 @@ border-color: transparent; color: #d08770; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9a6796; @@ -2848,7 +2720,6 @@ border-color: transparent; color: #9a6796; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #bf616a; @@ -2877,9 +2748,8 @@ 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; @@ -2890,13 +2760,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; @@ -2922,7 +2792,6 @@ background: #d8dee9; color: #2e3440; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3016,9 +2885,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; @@ -3028,17 +2897,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; @@ -3068,12 +2937,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 { @@ -3176,7 +3045,6 @@ .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; @@ -3215,12 +3083,10 @@ .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; @@ -3248,7 +3114,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3268,7 +3133,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } - .p-column-filter-overlay { background: #ffffff; color: #4c566a; @@ -3306,7 +3170,6 @@ 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; @@ -3335,7 +3198,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3413,7 +3275,6 @@ .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); @@ -3422,7 +3283,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: transparent; color: #4c566a; @@ -3461,7 +3321,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } - .p-paginator { background: #ffffff; color: #4c566a; @@ -3471,9 +3330,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; @@ -3484,9 +3343,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; @@ -3543,7 +3402,6 @@ border-color: #5e81ac; color: #4c566a; } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3621,7 +3479,6 @@ .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); @@ -3630,7 +3487,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3642,20 +3498,19 @@ 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; @@ -3712,11 +3567,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 { @@ -3789,7 +3644,6 @@ 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; @@ -3929,7 +3783,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 { @@ -3990,7 +3844,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #ffffff; color: #4c566a; @@ -4015,7 +3868,6 @@ 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; @@ -4088,7 +3940,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-card { background: #ffffff; color: #4c566a; @@ -4114,7 +3965,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4138,7 +3988,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #e5e9f0; background: #ffffff; @@ -4179,7 +4028,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #e5e9f0; padding: 1rem; @@ -4246,7 +4094,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #eceff4; border: 0 none; @@ -4257,7 +4104,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } - .p-splitter { border: 1px solid #e5e9f0; background: #ffffff; @@ -4279,7 +4125,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #c2c7d1; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4348,7 +4193,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-toolbar { background: #ffffff; border: 1px solid #e5e9f0; @@ -4359,7 +4203,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #4c566a; @@ -4407,7 +4250,6 @@ .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); @@ -4480,7 +4322,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #4c566a; @@ -4522,7 +4363,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #4c566a; @@ -4533,7 +4373,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; @@ -4543,13 +4383,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; @@ -4563,7 +4403,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #4c566a; color: #ffffff; @@ -4583,7 +4422,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #4c566a; } - .p-fileupload .p-fileupload-buttonbar { background: #ffffff; padding: 1rem; @@ -4623,7 +4461,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #81a1c1; color: #ffffff; @@ -4634,7 +4471,6 @@ color: #ffffff; border-color: #48678c; } - .p-breadcrumb { background: #ffffff; border: 1px solid #e5e9f0; @@ -4666,7 +4502,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #81a1c1; } - .p-contextmenu { padding: 0.25rem 0; background: #ffffff; @@ -4714,7 +4549,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 { @@ -4728,7 +4563,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 { @@ -4739,7 +4574,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 { @@ -4753,7 +4588,6 @@ 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); @@ -4777,32 +4611,31 @@ 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; @@ -4861,7 +4694,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 { @@ -4875,7 +4708,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 { @@ -4886,7 +4719,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 { @@ -4944,10 +4777,9 @@ 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; @@ -4984,7 +4816,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 { @@ -4998,7 +4830,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 { @@ -5009,7 +4841,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 { @@ -5043,7 +4875,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #eceff4; @@ -5082,7 +4913,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 { @@ -5113,7 +4944,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 { @@ -5127,7 +4958,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 { @@ -5138,7 +4969,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 { @@ -5155,7 +4986,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5330,7 +5160,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 { @@ -5344,7 +5174,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 { @@ -5355,7 +5185,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 { @@ -5395,7 +5225,6 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5438,7 +5267,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 { @@ -5452,7 +5281,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 { @@ -5463,7 +5292,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 { @@ -5510,7 +5339,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5555,7 +5383,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 2px solid #e5e9f0; @@ -5626,7 +5453,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #c0d0e0; } - .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5677,7 +5503,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 { @@ -5691,7 +5517,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 { @@ -5702,7 +5528,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 { @@ -5716,7 +5542,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5772,7 +5597,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 4px; @@ -5861,7 +5685,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5912,7 +5735,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 { @@ -5922,7 +5745,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 { @@ -5932,7 +5755,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 { @@ -5942,10 +5765,9 @@ 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; @@ -5976,7 +5798,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 { @@ -6033,7 +5855,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; @@ -6043,7 +5865,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; } @@ -6052,29 +5874,23 @@ 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; @@ -6098,7 +5914,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #e5e9f0; border-radius: 4px; @@ -6119,11 +5934,9 @@ .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; @@ -6165,7 +5978,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #e5e9f0; color: #4c566a; @@ -6201,7 +6013,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 4px; @@ -6216,7 +6027,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #c0d0e0; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6232,7 +6042,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6254,7 +6063,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #e5e9f0; border-radius: 4px; @@ -6262,7 +6070,6 @@ .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; @@ -6295,7 +6102,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #4c566a; @@ -6316,59 +6122,48 @@ .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; } @@ -6378,7 +6173,6 @@ .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; @@ -6391,40 +6185,33 @@ 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; } @@ -6437,22 +6224,18 @@ .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; } @@ -6470,14 +6253,12 @@ .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; } @@ -6487,21 +6268,17 @@ .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 589124d0105..1561ad5049d 100644 --- a/src/assets/components/themes/nano/theme.css +++ b/src/assets/components/themes/nano/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.25rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #d8222f; } - .p-autocomplete-panel { background: #ffffff; color: #343a3f; @@ -435,11 +422,9 @@ background: #ffffff; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #d8222f; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.5rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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; @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.5rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #d8222f; } - .p-cascadeselect-panel { background: #ffffff; color: #343a3f; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f2f4f8; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #697077; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 14px; height: 14px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #d8222f; } - .p-dropdown-panel { background: #ffffff; color: #343a3f; @@ -1042,7 +1002,6 @@ color: #343a3f; background: transparent; } - .p-input-filled .p-dropdown { background: #f2f4f8; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #dde1e6; color: #697077; @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #d8222f; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.5rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 2rem; height: 1.155rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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; @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: #697077; right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: #343a3f; @@ -1526,7 +1449,6 @@ color: #343a3f; background: transparent; } - .p-input-filled .p-multiselect { background: #f2f4f8; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #207f3b; } - p-password.p-password-clearable .p-password-input { padding-right: 1.5rem; } @@ -1574,7 +1492,6 @@ color: #697077; right: 0.25rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 2.75rem; } @@ -1582,7 +1499,6 @@ color: #697077; right: 1.5rem; } - .p-radiobutton { width: 14px; height: 14px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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; @@ -1913,7 +1816,6 @@ color: #343a3f; background: transparent; } - .p-input-filled .p-treeselect { background: #f2f4f8; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: #697077; right: 2.357rem; } - .p-button { color: #ffffff; background: #1174c0; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #0e5d9a; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 2.75rem; height: 2.75rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #697077; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #107d79; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #107d79; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #207f3b; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #207f3b; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #f0c135; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #f0c135; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #8949f8; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #8949f8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d8222f; @@ -2851,9 +2726,8 @@ 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; @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ background: #44a1d9; color: #ffffff; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2990,9 +2863,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; @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } - .p-column-filter-clear-button { width: 1rem; height: 1rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } - .p-column-filter-overlay { background: #ffffff; color: #343a3f; @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.5rem; } - .p-orderlist .p-orderlist-controls { padding: 0.5rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #dde1e6; color: #343a3f; @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } - .p-paginator { background: #ffffff; color: #697077; @@ -3445,9 +3308,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; @@ -3458,9 +3321,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; @@ -3517,7 +3380,6 @@ border-color: transparent; color: #343a3f; } - .p-picklist .p-picklist-buttons { padding: 0.5rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ 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; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.3125rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #f2f4f8; color: #343a3f; @@ -3989,7 +3846,6 @@ 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; @@ -4062,7 +3918,6 @@ border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } - .p-card { background: #ffffff; color: #343a3f; @@ -4088,7 +3943,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4112,7 +3966,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4153,7 +4006,6 @@ .p-fieldset .p-fieldset-content { padding: 0.5rem; } - .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 0.75rem; @@ -4220,7 +4072,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f2f4f8; border: 0 none; @@ -4231,7 +4082,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } - .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4253,7 +4103,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4322,7 +4171,6 @@ border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } - .p-toolbar { background: #f2f4f8; border: 1px solid #dee2e6; @@ -4333,7 +4181,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #343a3f; @@ -4381,7 +4228,6 @@ .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); @@ -4454,7 +4300,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #343a3f; @@ -4496,7 +4341,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #343a3f; @@ -4507,7 +4351,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; @@ -4517,13 +4361,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; @@ -4537,7 +4381,6 @@ .p-sidebar .p-sidebar-footer { padding: 0.75rem; } - .p-tooltip .p-tooltip-text { background: #343a3f; color: #ffffff; @@ -4557,7 +4400,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #343a3f; } - .p-fileupload .p-fileupload-buttonbar { background: #f2f4f8; padding: 0.75rem; @@ -4597,7 +4439,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #0f68ad; color: #ffffff; @@ -4608,7 +4449,6 @@ color: #ffffff; border-color: #0e5d9a; } - .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; @@ -4640,7 +4480,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #697077; } - .p-contextmenu { padding: 0.25rem 0; background: #ffffff; @@ -4688,7 +4527,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 { @@ -4702,7 +4541,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 { @@ -4713,7 +4552,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 { @@ -4727,7 +4566,6 @@ 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); @@ -4751,32 +4589,31 @@ 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; @@ -4835,7 +4672,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 { @@ -4849,7 +4686,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 { @@ -4860,7 +4697,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 { @@ -4918,10 +4755,9 @@ 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; @@ -4958,7 +4794,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 { @@ -4972,7 +4808,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 { @@ -4983,7 +4819,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 { @@ -5017,7 +4853,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #f2f4f8; @@ -5056,7 +4891,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 { @@ -5087,7 +4922,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 { @@ -5101,7 +4936,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 { @@ -5112,7 +4947,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 { @@ -5129,7 +4964,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5304,7 +5138,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 { @@ -5318,7 +5152,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 { @@ -5329,7 +5163,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 { @@ -5369,7 +5203,6 @@ border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } - .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5412,7 +5245,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 { @@ -5426,7 +5259,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 { @@ -5437,7 +5270,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 { @@ -5484,7 +5317,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5529,7 +5361,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -5600,7 +5431,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #90c9f5; } - .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5651,7 +5481,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 { @@ -5665,7 +5495,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 { @@ -5676,7 +5506,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 { @@ -5690,7 +5520,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.25rem 0.25rem; margin: 0; @@ -5746,7 +5575,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 1px; @@ -5835,7 +5663,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5886,7 +5713,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 { @@ -5896,7 +5723,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 { @@ -5906,7 +5733,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 { @@ -5916,10 +5743,9 @@ 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; @@ -5950,7 +5776,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 { @@ -6007,7 +5833,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; @@ -6017,7 +5843,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; } @@ -6026,29 +5852,23 @@ 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; @@ -6072,7 +5892,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #dee2e6; border-radius: 1px; @@ -6093,11 +5912,9 @@ .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; @@ -6139,7 +5956,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #dee2e6; color: #343a3f; @@ -6175,7 +5991,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.25rem 0.25rem; border-radius: 1px; @@ -6190,7 +6005,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6206,7 +6020,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 2rem; height: 2rem; @@ -6228,7 +6041,6 @@ width: 1rem; height: 1rem; } - .p-skeleton { background-color: #dde1e6; border-radius: 1px; @@ -6236,7 +6048,6 @@ .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; @@ -6269,7 +6080,6 @@ 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 f479e86a19d..60aa77be7c9 100644 --- a/src/assets/components/themes/nova-accent/theme.css +++ b/src/assets/components/themes/nova-accent/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #a80000; } - .p-autocomplete-panel { background: #ffffff; color: #333333; @@ -435,11 +422,9 @@ background: #f4f4f4; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #a80000; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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; @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #a80000; } - .p-cascadeselect-panel { background: #ffffff; color: #333333; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f4f4f4; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #848484; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #a80000; } - .p-dropdown-panel { background: #ffffff; color: #333333; @@ -1042,7 +1002,6 @@ color: #333333; background: transparent; } - .p-input-filled .p-dropdown { background: #f4f4f4; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #eaeaea; color: #848484; @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #a80000; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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; @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: #848484; right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: #333333; @@ -1526,7 +1449,6 @@ color: #333333; background: transparent; } - .p-input-filled .p-multiselect { background: #f4f4f4; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #34a835; } - p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1574,7 +1492,6 @@ color: #848484; right: 0.429rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1582,7 +1499,6 @@ color: #848484; right: 1.858rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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; @@ -1913,7 +1816,6 @@ color: #333333; background: transparent; } - .p-input-filled .p-treeselect { background: #f4f4f4; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: #848484; right: 2.357rem; } - .p-button { color: #ffffff; background: #007ad9; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #005b9f; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #607d8b; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #007ad9; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #007ad9; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #34a835; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #34a835; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffba01; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #ffba01; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #9c27b0; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e91224; @@ -2851,9 +2726,8 @@ 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; @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ background: #e02365; color: #ffffff; } - .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -2990,9 +2863,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; @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-column-filter-overlay { background: #ffffff; color: #333333; @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-paginator { background: #f4f4f4; color: #333333; @@ -3445,9 +3308,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; @@ -3458,9 +3321,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; @@ -3517,7 +3380,6 @@ border-color: transparent; color: #333333; } - .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ 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; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #007ad9; color: #ffffff; @@ -3989,7 +3846,6 @@ 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; @@ -4038,7 +3894,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } - .p-card { background: #ffffff; color: #333333; @@ -4064,7 +3919,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4088,7 +3942,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #c8c8c8; background: #ffffff; @@ -4129,7 +3982,6 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } - .p-panel .p-panel-header { border: 1px solid #007ad9; padding: 0.857rem 1rem; @@ -4196,7 +4048,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f8f8f8; border: 0 none; @@ -4207,7 +4058,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-splitter { border: 1px solid #c8c8c8; background: #ffffff; @@ -4229,7 +4079,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #d8dae2; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4298,7 +4147,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #007ad9; border: 1px solid #007ad9; @@ -4309,7 +4157,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #333333; @@ -4357,7 +4204,6 @@ .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); @@ -4430,7 +4276,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #333333; @@ -4472,7 +4317,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #c8c8c8; } - .p-sidebar { background: #ffffff; color: #333333; @@ -4483,7 +4327,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; @@ -4493,13 +4337,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; @@ -4513,7 +4357,6 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } - .p-tooltip .p-tooltip-text { background: #333333; color: #ffffff; @@ -4533,7 +4376,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #333333; } - .p-fileupload .p-fileupload-buttonbar { background: #007ad9; padding: 0.857rem 1rem; @@ -4573,7 +4415,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #116fbf; color: #ffffff; @@ -4584,7 +4425,6 @@ color: #ffffff; border-color: #005b9f; } - .p-breadcrumb { background: #ffffff; border: 1px solid #c8c8c8; @@ -4616,7 +4456,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #333333; } - .p-contextmenu { padding: 0; background: #ffffff; @@ -4664,7 +4503,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 { @@ -4678,7 +4517,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 { @@ -4689,7 +4528,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 { @@ -4703,7 +4542,6 @@ 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); @@ -4727,32 +4565,31 @@ 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; @@ -4811,7 +4648,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 { @@ -4825,7 +4662,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 { @@ -4836,7 +4673,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 { @@ -4894,10 +4731,9 @@ 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; @@ -4934,7 +4770,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 { @@ -4948,7 +4784,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 { @@ -4959,7 +4795,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 { @@ -4993,7 +4829,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #ffffff; @@ -5032,7 +4867,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 { @@ -5063,7 +4898,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 { @@ -5077,7 +4912,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 { @@ -5088,7 +4923,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 { @@ -5105,7 +4940,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5280,7 +5114,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 { @@ -5294,7 +5128,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 { @@ -5305,7 +5139,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 { @@ -5321,7 +5155,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } - .p-slidemenu { padding: 0; background: #ffffff; @@ -5364,7 +5197,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 { @@ -5378,7 +5211,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 { @@ -5389,7 +5222,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 { @@ -5436,7 +5269,6 @@ 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; @@ -5481,7 +5313,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5552,7 +5383,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; } - .p-tieredmenu { padding: 0; background: #ffffff; @@ -5603,7 +5433,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 { @@ -5617,7 +5447,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 { @@ -5628,7 +5458,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 { @@ -5642,7 +5472,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem; margin: 0; @@ -5698,7 +5527,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5787,7 +5615,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5838,7 +5665,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 { @@ -5848,7 +5675,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 { @@ -5858,7 +5685,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 { @@ -5868,10 +5695,9 @@ 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; @@ -5902,7 +5728,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 { @@ -5959,7 +5785,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; @@ -5969,7 +5795,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; } @@ -5978,29 +5804,23 @@ 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; @@ -6024,7 +5844,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #c8c8c8; border-radius: 3px; @@ -6045,11 +5864,9 @@ .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; @@ -6091,7 +5908,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #c8c8c8; color: #333333; @@ -6127,7 +5943,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6142,7 +5957,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-progressbar { border: 0 none; height: 24px; @@ -6158,7 +5972,6 @@ color: #ffffff; line-height: 24px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6180,7 +5993,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #eaeaea; border-radius: 3px; @@ -6188,7 +6000,6 @@ .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; @@ -6221,7 +6032,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #333333; @@ -6241,7 +6051,6 @@ .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 ff503f8c934..cac653202d7 100644 --- a/src/assets/components/themes/nova-alt/theme.css +++ b/src/assets/components/themes/nova-alt/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #a80000; } - .p-autocomplete-panel { background: #ffffff; color: #333333; @@ -435,11 +422,9 @@ background: #f4f4f4; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #a80000; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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; @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #a80000; } - .p-cascadeselect-panel { background: #ffffff; color: #333333; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f4f4f4; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #848484; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,19 +826,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-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; } @@ -907,11 +873,9 @@ 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; } @@ -919,26 +883,22 @@ 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; @@ -982,7 +942,6 @@ .p-dropdown.p-invalid.p-component { border-color: #a80000; } - .p-dropdown-panel { background: #ffffff; color: #333333; @@ -1046,7 +1005,6 @@ color: #333333; background: transparent; } - .p-input-filled .p-dropdown { background: #f4f4f4; } @@ -1059,11 +1017,9 @@ .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-inputgroup-addon { background: #eaeaea; color: #848484; @@ -1076,68 +1032,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #a80000; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1145,11 +1093,9 @@ 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; } @@ -1157,14 +1103,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1203,11 +1147,9 @@ .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); @@ -1240,57 +1182,45 @@ 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; } - ::-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; } @@ -1300,17 +1230,14 @@ .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; @@ -1385,11 +1312,9 @@ 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; @@ -1429,11 +1354,9 @@ 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; } @@ -1441,7 +1364,6 @@ color: #848484; right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: #333333; @@ -1530,7 +1452,6 @@ color: #333333; background: transparent; } - .p-input-filled .p-multiselect { background: #f4f4f4; } @@ -1540,15 +1461,12 @@ .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; @@ -1570,7 +1488,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #34a835; } - p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1578,7 +1495,6 @@ color: #848484; right: 0.429rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1586,7 +1502,6 @@ color: #848484; right: 1.858rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1624,11 +1539,9 @@ 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; } @@ -1641,15 +1554,12 @@ .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; } @@ -1680,11 +1590,9 @@ .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; @@ -1692,7 +1600,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 { @@ -1701,7 +1609,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 { @@ -1710,7 +1618,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 { @@ -1719,14 +1627,12 @@ 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; @@ -1778,7 +1684,6 @@ .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; @@ -1786,7 +1691,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 { @@ -1795,7 +1700,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 { @@ -1804,7 +1709,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 { @@ -1813,14 +1718,12 @@ 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; @@ -1857,15 +1760,12 @@ 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; @@ -1925,7 +1825,6 @@ color: #333333; background: transparent; } - .p-input-filled .p-treeselect { background: #f4f4f4; } @@ -1935,7 +1834,6 @@ .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; } @@ -1943,7 +1841,6 @@ color: #848484; right: 2.357rem; } - .p-button { color: #ffffff; background: #007ad9; @@ -2055,7 +1952,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 { @@ -2082,7 +1979,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2095,421 +1991,414 @@ .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; @@ -2533,7 +2422,6 @@ color: #005b9f; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2545,17 +2433,14 @@ 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; @@ -2566,52 +2451,45 @@ 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; } @@ -2689,7 +2567,6 @@ .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; @@ -2718,7 +2595,6 @@ border-color: transparent; color: #607d8b; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #007ad9; @@ -2747,7 +2623,6 @@ border-color: transparent; color: #007ad9; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #34a835; @@ -2776,7 +2651,6 @@ border-color: transparent; color: #34a835; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffba01; @@ -2805,7 +2679,6 @@ border-color: transparent; color: #ffba01; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2834,7 +2707,6 @@ border-color: transparent; color: #9c27b0; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e91224; @@ -2863,9 +2735,8 @@ 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; @@ -2876,13 +2747,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; @@ -2908,7 +2779,6 @@ background: #007ad9; color: #ffffff; } - .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3002,9 +2872,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; @@ -3014,17 +2884,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; @@ -3054,12 +2924,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 { @@ -3162,7 +3032,6 @@ .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; @@ -3201,12 +3070,10 @@ .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; @@ -3234,7 +3101,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3254,7 +3120,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-column-filter-overlay { background: #ffffff; color: #333333; @@ -3292,7 +3157,6 @@ 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; @@ -3321,7 +3185,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3399,7 +3262,6 @@ .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); @@ -3408,7 +3270,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3447,7 +3308,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-paginator { background: #f4f4f4; color: #333333; @@ -3457,9 +3317,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; @@ -3470,9 +3330,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; @@ -3529,7 +3389,6 @@ border-color: transparent; color: #333333; } - .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3607,7 +3466,6 @@ .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); @@ -3616,7 +3474,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3628,20 +3485,19 @@ 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; @@ -3698,11 +3554,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 { @@ -3775,7 +3631,6 @@ 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; @@ -3915,7 +3770,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 { @@ -3976,7 +3831,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #333333; color: #ffffff; @@ -4001,7 +3855,6 @@ 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; @@ -4050,7 +3903,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } - .p-card { background: #ffffff; color: #333333; @@ -4076,7 +3928,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4100,7 +3951,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #c8c8c8; background: #ffffff; @@ -4141,7 +3991,6 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } - .p-panel .p-panel-header { border: 1px solid #333333; padding: 0.857rem 1rem; @@ -4208,7 +4057,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f8f8f8; border: 0 none; @@ -4219,7 +4067,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-splitter { border: 1px solid #c8c8c8; background: #ffffff; @@ -4241,7 +4088,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #d8dae2; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4310,7 +4156,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #333333; border: 1px solid #333333; @@ -4321,7 +4166,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #333333; @@ -4369,7 +4213,6 @@ .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); @@ -4442,7 +4285,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #333333; @@ -4484,7 +4326,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #c8c8c8; } - .p-sidebar { background: #ffffff; color: #333333; @@ -4495,7 +4336,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; @@ -4505,13 +4346,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; @@ -4525,7 +4366,6 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } - .p-tooltip .p-tooltip-text { background: #333333; color: #ffffff; @@ -4545,7 +4385,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #333333; } - .p-fileupload .p-fileupload-buttonbar { background: #333333; padding: 0.857rem 1rem; @@ -4585,7 +4424,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #116fbf; color: #ffffff; @@ -4596,7 +4434,6 @@ color: #ffffff; border-color: #005b9f; } - .p-breadcrumb { background: #ffffff; border: 1px solid #c8c8c8; @@ -4628,7 +4465,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #333333; } - .p-contextmenu { padding: 0; background: #ffffff; @@ -4676,7 +4512,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 { @@ -4690,7 +4526,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 { @@ -4701,7 +4537,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 { @@ -4715,7 +4551,6 @@ 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); @@ -4739,32 +4574,31 @@ 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; @@ -4823,7 +4657,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 { @@ -4837,7 +4671,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 { @@ -4848,7 +4682,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 { @@ -4906,10 +4740,9 @@ 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; @@ -4946,7 +4779,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 { @@ -4960,7 +4793,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 { @@ -4971,7 +4804,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 { @@ -5005,7 +4838,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #ffffff; @@ -5044,7 +4876,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 { @@ -5075,7 +4907,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 { @@ -5089,7 +4921,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 { @@ -5100,7 +4932,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 { @@ -5117,7 +4949,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5292,7 +5123,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 { @@ -5306,7 +5137,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 { @@ -5317,7 +5148,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 { @@ -5333,7 +5164,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } - .p-slidemenu { padding: 0; background: #ffffff; @@ -5376,7 +5206,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 { @@ -5390,7 +5220,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 { @@ -5401,7 +5231,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 { @@ -5448,7 +5278,6 @@ 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; @@ -5493,7 +5322,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5564,7 +5392,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; } - .p-tieredmenu { padding: 0; background: #ffffff; @@ -5615,7 +5442,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 { @@ -5629,7 +5456,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 { @@ -5640,7 +5467,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 { @@ -5654,7 +5481,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem; margin: 0; @@ -5710,7 +5536,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5799,7 +5624,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5850,7 +5674,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 { @@ -5860,7 +5684,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 { @@ -5870,7 +5694,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 { @@ -5880,10 +5704,9 @@ 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; @@ -5914,7 +5737,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 { @@ -5971,7 +5794,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; @@ -5981,7 +5804,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; } @@ -5990,29 +5813,23 @@ 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; @@ -6036,7 +5853,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #c8c8c8; border-radius: 3px; @@ -6057,11 +5873,9 @@ .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; @@ -6103,7 +5917,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #c8c8c8; color: #333333; @@ -6139,7 +5952,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6154,7 +5966,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-progressbar { border: 0 none; height: 24px; @@ -6170,7 +5981,6 @@ color: #ffffff; line-height: 24px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6192,7 +6002,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #eaeaea; border-radius: 3px; @@ -6200,7 +6009,6 @@ .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; @@ -6233,7 +6041,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #333333; @@ -6253,7 +6060,6 @@ .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 5466858f27c..bc0f97f6123 100644 --- a/src/assets/components/themes/nova/theme.css +++ b/src/assets/components/themes/nova/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #a80000; } - .p-autocomplete-panel { background: #ffffff; color: #333333; @@ -435,11 +422,9 @@ background: #f4f4f4; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #a80000; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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; @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #a80000; } - .p-cascadeselect-panel { background: #ffffff; color: #333333; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f4f4f4; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #848484; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,19 +826,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-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; } @@ -907,11 +873,9 @@ 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; } @@ -919,26 +883,22 @@ 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; @@ -982,7 +942,6 @@ .p-dropdown.p-invalid.p-component { border-color: #a80000; } - .p-dropdown-panel { background: #ffffff; color: #333333; @@ -1046,7 +1005,6 @@ color: #333333; background: transparent; } - .p-input-filled .p-dropdown { background: #f4f4f4; } @@ -1059,11 +1017,9 @@ .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-inputgroup-addon { background: #eaeaea; color: #848484; @@ -1076,68 +1032,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #a80000; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1145,11 +1093,9 @@ 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; } @@ -1157,14 +1103,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1203,11 +1147,9 @@ .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); @@ -1240,57 +1182,45 @@ 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; } - ::-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; } @@ -1300,17 +1230,14 @@ .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; @@ -1385,11 +1312,9 @@ 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; @@ -1429,11 +1354,9 @@ 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; } @@ -1441,7 +1364,6 @@ color: #848484; right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: #333333; @@ -1530,7 +1452,6 @@ color: #333333; background: transparent; } - .p-input-filled .p-multiselect { background: #f4f4f4; } @@ -1540,15 +1461,12 @@ .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; @@ -1570,7 +1488,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #34a835; } - p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1578,7 +1495,6 @@ color: #848484; right: 0.429rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1586,7 +1502,6 @@ color: #848484; right: 1.858rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1624,11 +1539,9 @@ 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; } @@ -1641,15 +1554,12 @@ .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; } @@ -1680,11 +1590,9 @@ .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; @@ -1692,7 +1600,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 { @@ -1701,7 +1609,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 { @@ -1710,7 +1618,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 { @@ -1719,14 +1627,12 @@ 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; @@ -1778,7 +1684,6 @@ .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; @@ -1786,7 +1691,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 { @@ -1795,7 +1700,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 { @@ -1804,7 +1709,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 { @@ -1813,14 +1718,12 @@ 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; @@ -1857,15 +1760,12 @@ 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; @@ -1925,7 +1825,6 @@ color: #333333; background: transparent; } - .p-input-filled .p-treeselect { background: #f4f4f4; } @@ -1935,7 +1834,6 @@ .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; } @@ -1943,7 +1841,6 @@ color: #848484; right: 2.357rem; } - .p-button { color: #ffffff; background: #007ad9; @@ -2055,7 +1952,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 { @@ -2082,7 +1979,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2095,421 +1991,414 @@ .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; @@ -2533,7 +2422,6 @@ color: #005b9f; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2545,17 +2433,14 @@ 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; @@ -2566,52 +2451,45 @@ 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; } @@ -2689,7 +2567,6 @@ .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; @@ -2718,7 +2595,6 @@ border-color: transparent; color: #607d8b; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #007ad9; @@ -2747,7 +2623,6 @@ border-color: transparent; color: #007ad9; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #34a835; @@ -2776,7 +2651,6 @@ border-color: transparent; color: #34a835; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffba01; @@ -2805,7 +2679,6 @@ border-color: transparent; color: #ffba01; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2834,7 +2707,6 @@ border-color: transparent; color: #9c27b0; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e91224; @@ -2863,9 +2735,8 @@ 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; @@ -2876,13 +2747,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; @@ -2908,7 +2779,6 @@ background: #007ad9; color: #ffffff; } - .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -3002,9 +2872,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; @@ -3014,17 +2884,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; @@ -3054,12 +2924,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 { @@ -3162,7 +3032,6 @@ .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; @@ -3201,12 +3070,10 @@ .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; @@ -3234,7 +3101,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3254,7 +3120,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-column-filter-overlay { background: #ffffff; color: #333333; @@ -3292,7 +3157,6 @@ 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; @@ -3321,7 +3185,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3399,7 +3262,6 @@ .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); @@ -3408,7 +3270,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #eaeaea; color: #333333; @@ -3447,7 +3308,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-paginator { background: #f4f4f4; color: #333333; @@ -3457,9 +3317,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; @@ -3470,9 +3330,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; @@ -3529,7 +3389,6 @@ border-color: transparent; color: #333333; } - .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3607,7 +3466,6 @@ .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); @@ -3616,7 +3474,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3628,20 +3485,19 @@ 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; @@ -3698,11 +3554,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 { @@ -3775,7 +3631,6 @@ 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; @@ -3915,7 +3770,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 { @@ -3976,7 +3831,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #f4f4f4; color: #333333; @@ -4001,7 +3855,6 @@ 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; @@ -4050,7 +3903,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } - .p-card { background: #ffffff; color: #333333; @@ -4076,7 +3928,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4100,7 +3951,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #c8c8c8; background: #ffffff; @@ -4141,7 +3991,6 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } - .p-panel .p-panel-header { border: 1px solid #c8c8c8; padding: 0.857rem 1rem; @@ -4208,7 +4057,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f8f8f8; border: 0 none; @@ -4219,7 +4067,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-splitter { border: 1px solid #c8c8c8; background: #ffffff; @@ -4241,7 +4088,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #d8dae2; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4310,7 +4156,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #f4f4f4; border: 1px solid #c8c8c8; @@ -4321,7 +4166,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #333333; @@ -4369,7 +4213,6 @@ .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); @@ -4442,7 +4285,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #333333; @@ -4484,7 +4326,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #c8c8c8; } - .p-sidebar { background: #ffffff; color: #333333; @@ -4495,7 +4336,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; @@ -4505,13 +4346,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; @@ -4525,7 +4366,6 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } - .p-tooltip .p-tooltip-text { background: #333333; color: #ffffff; @@ -4545,7 +4385,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #333333; } - .p-fileupload .p-fileupload-buttonbar { background: #f4f4f4; padding: 0.857rem 1rem; @@ -4585,7 +4424,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #116fbf; color: #ffffff; @@ -4596,7 +4434,6 @@ color: #ffffff; border-color: #005b9f; } - .p-breadcrumb { background: #ffffff; border: 1px solid #c8c8c8; @@ -4628,7 +4465,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #333333; } - .p-contextmenu { padding: 0; background: #ffffff; @@ -4676,7 +4512,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 { @@ -4690,7 +4526,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 { @@ -4701,7 +4537,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 { @@ -4715,7 +4551,6 @@ 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); @@ -4739,32 +4574,31 @@ 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; @@ -4823,7 +4657,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 { @@ -4837,7 +4671,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 { @@ -4848,7 +4682,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 { @@ -4906,10 +4740,9 @@ 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; @@ -4946,7 +4779,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 { @@ -4960,7 +4793,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 { @@ -4971,7 +4804,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 { @@ -5005,7 +4838,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #ffffff; @@ -5044,7 +4876,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 { @@ -5075,7 +4907,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 { @@ -5089,7 +4921,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 { @@ -5100,7 +4932,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 { @@ -5117,7 +4949,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5292,7 +5123,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 { @@ -5306,7 +5137,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 { @@ -5317,7 +5148,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 { @@ -5333,7 +5164,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } - .p-slidemenu { padding: 0; background: #ffffff; @@ -5376,7 +5206,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 { @@ -5390,7 +5220,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 { @@ -5401,7 +5231,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 { @@ -5448,7 +5278,6 @@ 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; @@ -5493,7 +5322,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5564,7 +5392,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #8dcdff; } - .p-tieredmenu { padding: 0; background: #ffffff; @@ -5615,7 +5442,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 { @@ -5629,7 +5456,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 { @@ -5640,7 +5467,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 { @@ -5654,7 +5481,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem; margin: 0; @@ -5710,7 +5536,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5799,7 +5624,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5850,7 +5674,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 { @@ -5860,7 +5684,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 { @@ -5870,7 +5694,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 { @@ -5880,10 +5704,9 @@ 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; @@ -5914,7 +5737,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 { @@ -5971,7 +5794,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; @@ -5981,7 +5804,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; } @@ -5990,29 +5813,23 @@ 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; @@ -6036,7 +5853,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #c8c8c8; border-radius: 3px; @@ -6057,11 +5873,9 @@ .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; @@ -6103,7 +5917,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #c8c8c8; color: #333333; @@ -6139,7 +5952,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 3px; @@ -6154,7 +5966,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-progressbar { border: 0 none; height: 24px; @@ -6170,7 +5981,6 @@ color: #ffffff; line-height: 24px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6192,7 +6002,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #eaeaea; border-radius: 3px; @@ -6200,7 +6009,6 @@ .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; @@ -6233,7 +6041,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #333333; @@ -6253,7 +6060,6 @@ .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 fe8b8034056..7b2e084ef5e 100644 --- a/src/assets/components/themes/rhea/theme.css +++ b/src/assets/components/themes/rhea/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.429rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #e7a3a3; } - .p-autocomplete-panel { background: #ffffff; color: #666666; @@ -435,11 +422,9 @@ background: #f4f4f4; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #e7a3a3; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 1.858rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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; @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 1.858rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #e7a3a3; } - .p-cascadeselect-panel { background: #ffffff; color: #666666; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f4f4f4; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #a6a6a6; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #e7a3a3; } - .p-dropdown-panel { background: #ffffff; color: #666666; @@ -1042,7 +1002,6 @@ color: #666666; background: transparent; } - .p-input-filled .p-dropdown { background: #f4f4f4; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #dbdbdb; color: #666666; @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #e7a3a3; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 1.858rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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; @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: #a6a6a6; right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: #666666; @@ -1526,7 +1449,6 @@ color: #666666; background: transparent; } - .p-input-filled .p-multiselect { background: #f4f4f4; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #a3e2c6; } - p-password.p-password-clearable .p-password-input { padding-right: 1.858rem; } @@ -1574,7 +1492,6 @@ color: #a6a6a6; right: 0.429rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.287rem; } @@ -1582,7 +1499,6 @@ color: #a6a6a6; right: 1.858rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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; @@ -1913,7 +1816,6 @@ color: #666666; background: transparent; } - .p-input-filled .p-treeselect { background: #f4f4f4; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: #a6a6a6; right: 2.357rem; } - .p-button { color: #ffffff; background: #7b95a3; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #617c8a; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #a3897b; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #a3def8; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #a3def8; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #a3e2c6; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #a3e2c6; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe38e; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #ffe38e; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #e9bef1; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #e9bef1; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f4b6b6; @@ -2851,9 +2726,8 @@ 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; @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ background: #afd3c8; color: #385048; } - .p-datatable .p-paginator-top { border-width: 1px 1px 0 1px; border-radius: 0; @@ -2990,9 +2863,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; @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } - .p-column-filter-overlay { background: #ffffff; color: #666666; @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 0.571rem 1rem; } - .p-orderlist .p-orderlist-controls { padding: 0.571rem 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f4f4f4; color: #666666; @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } - .p-paginator { background: #ffffff; color: #666666; @@ -3445,9 +3308,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; @@ -3458,9 +3321,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; @@ -3517,7 +3380,6 @@ border-color: transparent; color: #666666; } - .p-picklist .p-picklist-buttons { padding: 0.571rem 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 0 none; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ 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; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.71375rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #7b95a3; color: #ffffff; @@ -3989,7 +3846,6 @@ 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; @@ -4038,7 +3894,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 2px; } - .p-card { background: #ffffff; color: #666666; @@ -4064,7 +3919,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4088,7 +3942,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #dadada; background: #ffffff; @@ -4129,7 +3982,6 @@ .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; } - .p-panel .p-panel-header { border: 1px solid #7b95a3; padding: 0.857rem 1rem; @@ -4196,7 +4048,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f8f8f8; border: 0 none; @@ -4207,7 +4058,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } - .p-splitter { border: 1px solid #dadada; background: #ffffff; @@ -4229,7 +4079,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #dadada; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4298,7 +4147,6 @@ border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } - .p-toolbar { background: #7b95a3; border: 1px solid #7b95a3; @@ -4309,7 +4157,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #666666; @@ -4357,7 +4204,6 @@ .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); @@ -4430,7 +4276,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #666666; @@ -4472,7 +4317,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #f1f1f1; } - .p-sidebar { background: #ffffff; color: #666666; @@ -4483,7 +4327,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; @@ -4493,13 +4337,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; @@ -4513,7 +4357,6 @@ .p-sidebar .p-sidebar-footer { padding: 0.857rem 1rem; } - .p-tooltip .p-tooltip-text { background: #afd3c8; color: #385048; @@ -4533,7 +4376,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #afd3c8; } - .p-fileupload .p-fileupload-buttonbar { background: #7b95a3; padding: 0.857rem 1rem; @@ -4573,7 +4415,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #6c8999; color: #ffffff; @@ -4584,7 +4425,6 @@ color: #ffffff; border-color: #617c8a; } - .p-breadcrumb { background: #ffffff; border: 1px solid #c8c8c8; @@ -4616,7 +4456,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #666666; } - .p-contextmenu { padding: 0; background: #ffffff; @@ -4664,7 +4503,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 { @@ -4678,7 +4517,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 { @@ -4689,7 +4528,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 { @@ -4703,7 +4542,6 @@ 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); @@ -4727,32 +4565,31 @@ 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; @@ -4811,7 +4648,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 { @@ -4825,7 +4662,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 { @@ -4836,7 +4673,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 { @@ -4894,10 +4731,9 @@ 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; @@ -4934,7 +4770,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 { @@ -4948,7 +4784,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 { @@ -4959,7 +4795,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 { @@ -4993,7 +4829,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #ffffff; @@ -5032,7 +4867,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 { @@ -5063,7 +4898,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 { @@ -5077,7 +4912,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 { @@ -5088,7 +4923,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 { @@ -5105,7 +4940,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5280,7 +5114,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 { @@ -5294,7 +5128,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 { @@ -5305,7 +5139,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 { @@ -5321,7 +5155,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 2px; } - .p-slidemenu { padding: 0; background: #ffffff; @@ -5364,7 +5197,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 { @@ -5378,7 +5211,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 { @@ -5389,7 +5222,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 { @@ -5436,7 +5269,6 @@ 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; @@ -5481,7 +5313,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 0 none; @@ -5552,7 +5383,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #e4e9ec; } - .p-tieredmenu { padding: 0; background: #ffffff; @@ -5603,7 +5433,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 { @@ -5617,7 +5447,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 { @@ -5628,7 +5458,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 { @@ -5642,7 +5472,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem; margin: 0; @@ -5698,7 +5527,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 2px; @@ -5787,7 +5615,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5838,7 +5665,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 { @@ -5848,7 +5675,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 { @@ -5858,7 +5685,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 { @@ -5868,10 +5695,9 @@ 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; @@ -5902,7 +5728,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 { @@ -5959,7 +5785,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; @@ -5969,7 +5795,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; } @@ -5978,29 +5804,23 @@ 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; @@ -6024,7 +5844,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #dadada; border-radius: 2px; @@ -6045,11 +5864,9 @@ .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; @@ -6091,7 +5908,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #dadada; color: #666666; @@ -6127,7 +5943,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.429rem 0.429rem; border-radius: 2px; @@ -6142,7 +5957,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } - .p-progressbar { border: 0 none; height: 24px; @@ -6158,7 +5972,6 @@ color: #ffffff; line-height: 24px; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6180,7 +5993,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #dadada; border-radius: 2px; @@ -6188,7 +6000,6 @@ .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; @@ -6221,7 +6032,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #666666; @@ -6241,7 +6051,6 @@ .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 0310b0859c4..53051474ba6 100644 --- a/src/assets/components/themes/saga-blue/theme.css +++ b/src/assets/components/themes/saga-blue/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44336; } - .p-autocomplete-panel { background: #ffffff; color: #495057; @@ -435,11 +422,9 @@ background: #ffffff; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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; @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44336; } - .p-cascadeselect-panel { background: #ffffff; color: #495057; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f8f9fa; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #6c757d; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #f44336; } - .p-dropdown-panel { background: #ffffff; color: #495057; @@ -1042,7 +1002,6 @@ color: #495057; background: transparent; } - .p-input-filled .p-dropdown { background: #f8f9fa; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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; @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: #6c757d; right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: #495057; @@ -1526,7 +1449,6 @@ color: #495057; background: transparent; } - .p-input-filled .p-multiselect { background: #f8f9fa; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1574,7 +1492,6 @@ color: #6c757d; right: 0.5rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1582,7 +1499,6 @@ color: #6c757d; right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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; @@ -1913,7 +1816,6 @@ color: #495057; background: transparent; } - .p-input-filled .p-treeselect { background: #f8f9fa; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: #6c757d; right: 2.357rem; } - .p-button { color: #ffffff; background: #2196F3; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #0b7ad1; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #607d8b; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0288d1; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #0288d1; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #689f38; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #fbc02d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #9c27b0; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2851,9 +2726,8 @@ 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; @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ background: #E3F2FD; color: #495057; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2990,9 +2863,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; @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } - .p-column-filter-overlay { background: #ffffff; color: #495057; @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } - .p-paginator { background: #ffffff; color: #6c757d; @@ -3445,9 +3308,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; @@ -3458,9 +3321,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; @@ -3517,7 +3380,6 @@ border-color: transparent; color: #495057; } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #2196F3; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ 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; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #495057; @@ -3989,7 +3846,6 @@ 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; @@ -4062,7 +3918,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-card { background: #ffffff; color: #495057; @@ -4088,7 +3943,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4112,7 +3966,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4153,7 +4006,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem; @@ -4220,7 +4072,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; @@ -4231,7 +4082,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } - .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4253,7 +4103,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4322,7 +4171,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; @@ -4333,7 +4181,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #495057; @@ -4381,7 +4228,6 @@ .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); @@ -4454,7 +4300,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #495057; @@ -4496,7 +4341,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #495057; @@ -4507,7 +4351,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; @@ -4517,13 +4361,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; @@ -4537,7 +4381,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; @@ -4557,7 +4400,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } - .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1rem; @@ -4597,7 +4439,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #0d89ec; color: #ffffff; @@ -4608,7 +4449,6 @@ color: #ffffff; border-color: #0b7ad1; } - .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; @@ -4640,7 +4480,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6c757d; } - .p-contextmenu { padding: 0.25rem 0; background: #ffffff; @@ -4688,7 +4527,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 { @@ -4702,7 +4541,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 { @@ -4713,7 +4552,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 { @@ -4727,7 +4566,6 @@ 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); @@ -4751,32 +4589,31 @@ 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; @@ -4835,7 +4672,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 { @@ -4849,7 +4686,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 { @@ -4860,7 +4697,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 { @@ -4918,10 +4755,9 @@ 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; @@ -4958,7 +4794,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 { @@ -4972,7 +4808,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 { @@ -4983,7 +4819,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 { @@ -5017,7 +4853,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #f8f9fa; @@ -5056,7 +4891,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 { @@ -5087,7 +4922,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 { @@ -5101,7 +4936,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 { @@ -5112,7 +4947,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 { @@ -5129,7 +4964,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5304,7 +5138,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 { @@ -5318,7 +5152,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 { @@ -5329,7 +5163,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 { @@ -5369,7 +5203,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5412,7 +5245,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 { @@ -5426,7 +5259,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 { @@ -5437,7 +5270,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 { @@ -5484,7 +5317,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5529,7 +5361,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -5600,7 +5431,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #a6d5fa; } - .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5651,7 +5481,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 { @@ -5665,7 +5495,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 { @@ -5676,7 +5506,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 { @@ -5690,7 +5520,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5746,7 +5575,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5835,7 +5663,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5886,7 +5713,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 { @@ -5896,7 +5723,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 { @@ -5906,7 +5733,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 { @@ -5916,10 +5743,9 @@ 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; @@ -5950,7 +5776,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 { @@ -6007,7 +5833,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; @@ -6017,7 +5843,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; } @@ -6026,29 +5852,23 @@ 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; @@ -6072,7 +5892,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #dee2e6; border-radius: 3px; @@ -6093,11 +5912,9 @@ .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; @@ -6139,7 +5956,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #dee2e6; color: #495057; @@ -6175,7 +5991,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6190,7 +6005,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6206,7 +6020,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6228,7 +6041,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #e9ecef; border-radius: 3px; @@ -6236,7 +6048,6 @@ .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; @@ -6269,7 +6080,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #495057; @@ -6287,11 +6097,9 @@ .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 22b3571b6d2..045f8b7e4ef 100644 --- a/src/assets/components/themes/saga-green/theme.css +++ b/src/assets/components/themes/saga-green/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44336; } - .p-autocomplete-panel { background: #ffffff; color: #495057; @@ -435,11 +422,9 @@ background: #ffffff; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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; @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44336; } - .p-cascadeselect-panel { background: #ffffff; color: #495057; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f8f9fa; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #6c757d; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #f44336; } - .p-dropdown-panel { background: #ffffff; color: #495057; @@ -1042,7 +1002,6 @@ color: #495057; background: transparent; } - .p-input-filled .p-dropdown { background: #f8f9fa; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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; @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: #6c757d; right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: #495057; @@ -1526,7 +1449,6 @@ color: #495057; background: transparent; } - .p-input-filled .p-multiselect { background: #f8f9fa; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1574,7 +1492,6 @@ color: #6c757d; right: 0.5rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1582,7 +1499,6 @@ color: #6c757d; right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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; @@ -1913,7 +1816,6 @@ color: #495057; background: transparent; } - .p-input-filled .p-treeselect { background: #f8f9fa; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: #6c757d; right: 2.357rem; } - .p-button { color: #ffffff; background: #4CAF50; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #3d8c40; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #607d8b; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0288d1; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #0288d1; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #689f38; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #fbc02d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #9c27b0; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2851,9 +2726,8 @@ 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; @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ background: #E8F5E9; color: #495057; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2990,9 +2863,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; @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } - .p-column-filter-overlay { background: #ffffff; color: #495057; @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } - .p-paginator { background: #ffffff; color: #6c757d; @@ -3445,9 +3308,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; @@ -3458,9 +3321,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; @@ -3517,7 +3380,6 @@ border-color: transparent; color: #495057; } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #4CAF50; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ 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; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #495057; @@ -3989,7 +3846,6 @@ 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; @@ -4062,7 +3918,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-card { background: #ffffff; color: #495057; @@ -4088,7 +3943,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4112,7 +3966,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4153,7 +4006,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem; @@ -4220,7 +4072,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; @@ -4231,7 +4082,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } - .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4253,7 +4103,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4322,7 +4171,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; @@ -4333,7 +4181,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #495057; @@ -4381,7 +4228,6 @@ .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); @@ -4454,7 +4300,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #495057; @@ -4496,7 +4341,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #495057; @@ -4507,7 +4351,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; @@ -4517,13 +4361,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; @@ -4537,7 +4381,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; @@ -4557,7 +4400,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } - .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1rem; @@ -4597,7 +4439,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #449e48; color: #ffffff; @@ -4608,7 +4449,6 @@ color: #ffffff; border-color: #3d8c40; } - .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; @@ -4640,7 +4480,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6c757d; } - .p-contextmenu { padding: 0.25rem 0; background: #ffffff; @@ -4688,7 +4527,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 { @@ -4702,7 +4541,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 { @@ -4713,7 +4552,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 { @@ -4727,7 +4566,6 @@ 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); @@ -4751,32 +4589,31 @@ 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; @@ -4835,7 +4672,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 { @@ -4849,7 +4686,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 { @@ -4860,7 +4697,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 { @@ -4918,10 +4755,9 @@ 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; @@ -4958,7 +4794,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 { @@ -4972,7 +4808,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 { @@ -4983,7 +4819,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 { @@ -5017,7 +4853,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #f8f9fa; @@ -5056,7 +4891,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 { @@ -5087,7 +4922,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 { @@ -5101,7 +4936,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 { @@ -5112,7 +4947,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 { @@ -5129,7 +4964,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5304,7 +5138,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 { @@ -5318,7 +5152,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 { @@ -5329,7 +5163,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 { @@ -5369,7 +5203,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5412,7 +5245,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 { @@ -5426,7 +5259,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 { @@ -5437,7 +5270,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 { @@ -5484,7 +5317,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5529,7 +5361,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -5600,7 +5431,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #b7e0b8; } - .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5651,7 +5481,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 { @@ -5665,7 +5495,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 { @@ -5676,7 +5506,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 { @@ -5690,7 +5520,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5746,7 +5575,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5835,7 +5663,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5886,7 +5713,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 { @@ -5896,7 +5723,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 { @@ -5906,7 +5733,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 { @@ -5916,10 +5743,9 @@ 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; @@ -5950,7 +5776,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 { @@ -6007,7 +5833,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; @@ -6017,7 +5843,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; } @@ -6026,29 +5852,23 @@ 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; @@ -6072,7 +5892,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #dee2e6; border-radius: 3px; @@ -6093,11 +5912,9 @@ .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; @@ -6139,7 +5956,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #dee2e6; color: #495057; @@ -6175,7 +5991,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6190,7 +6005,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6206,7 +6020,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6228,7 +6041,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #e9ecef; border-radius: 3px; @@ -6236,7 +6048,6 @@ .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; @@ -6269,7 +6080,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #495057; @@ -6287,11 +6097,9 @@ .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 d707742c8be..529f95fda9e 100644 --- a/src/assets/components/themes/saga-orange/theme.css +++ b/src/assets/components/themes/saga-orange/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44336; } - .p-autocomplete-panel { background: #ffffff; color: #495057; @@ -435,11 +422,9 @@ background: #ffffff; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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; @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44336; } - .p-cascadeselect-panel { background: #ffffff; color: #495057; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f8f9fa; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #6c757d; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #f44336; } - .p-dropdown-panel { background: #ffffff; color: #495057; @@ -1042,7 +1002,6 @@ color: #495057; background: transparent; } - .p-input-filled .p-dropdown { background: #f8f9fa; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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; @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: #6c757d; right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: #495057; @@ -1526,7 +1449,6 @@ color: #495057; background: transparent; } - .p-input-filled .p-multiselect { background: #f8f9fa; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1574,7 +1492,6 @@ color: #6c757d; right: 0.5rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1582,7 +1499,6 @@ color: #6c757d; right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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; @@ -1913,7 +1816,6 @@ color: #495057; background: transparent; } - .p-input-filled .p-treeselect { background: #f8f9fa; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: #6c757d; right: 2.357rem; } - .p-button { color: #212529; background: #FFC107; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #d29d00; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #607d8b; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0288d1; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #0288d1; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #689f38; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #fbc02d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #9c27b0; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2851,9 +2726,8 @@ 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; @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ background: #FFF3E0; color: #495057; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2990,9 +2863,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; @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } - .p-column-filter-overlay { background: #ffffff; color: #495057; @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } - .p-paginator { background: #ffffff; color: #6c757d; @@ -3445,9 +3308,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; @@ -3458,9 +3321,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; @@ -3517,7 +3380,6 @@ border-color: transparent; color: #495057; } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #FFC107; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ 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; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #495057; @@ -3989,7 +3846,6 @@ 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; @@ -4062,7 +3918,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-card { background: #ffffff; color: #495057; @@ -4088,7 +3943,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4112,7 +3966,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4153,7 +4006,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem; @@ -4220,7 +4072,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; @@ -4231,7 +4082,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } - .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4253,7 +4103,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4322,7 +4171,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; @@ -4333,7 +4181,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #495057; @@ -4381,7 +4228,6 @@ .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); @@ -4454,7 +4300,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #495057; @@ -4496,7 +4341,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #495057; @@ -4507,7 +4351,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; @@ -4517,13 +4361,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; @@ -4537,7 +4381,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; @@ -4557,7 +4400,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } - .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1rem; @@ -4597,7 +4439,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #ecb100; color: #212529; @@ -4608,7 +4449,6 @@ color: #212529; border-color: #d29d00; } - .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; @@ -4640,7 +4480,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6c757d; } - .p-contextmenu { padding: 0.25rem 0; background: #ffffff; @@ -4688,7 +4527,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 { @@ -4702,7 +4541,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 { @@ -4713,7 +4552,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 { @@ -4727,7 +4566,6 @@ 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); @@ -4751,32 +4589,31 @@ 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; @@ -4835,7 +4672,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 { @@ -4849,7 +4686,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 { @@ -4860,7 +4697,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 { @@ -4918,10 +4755,9 @@ 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; @@ -4958,7 +4794,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 { @@ -4972,7 +4808,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 { @@ -4983,7 +4819,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 { @@ -5017,7 +4853,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #f8f9fa; @@ -5056,7 +4891,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 { @@ -5087,7 +4922,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 { @@ -5101,7 +4936,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 { @@ -5112,7 +4947,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 { @@ -5129,7 +4964,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5304,7 +5138,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 { @@ -5318,7 +5152,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 { @@ -5329,7 +5163,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 { @@ -5369,7 +5203,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5412,7 +5245,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 { @@ -5426,7 +5259,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 { @@ -5437,7 +5270,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 { @@ -5484,7 +5317,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5529,7 +5361,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -5600,7 +5431,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #ffe69c; } - .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5651,7 +5481,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 { @@ -5665,7 +5495,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 { @@ -5676,7 +5506,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 { @@ -5690,7 +5520,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5746,7 +5575,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5835,7 +5663,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5886,7 +5713,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 { @@ -5896,7 +5723,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 { @@ -5906,7 +5733,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 { @@ -5916,10 +5743,9 @@ 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; @@ -5950,7 +5776,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 { @@ -6007,7 +5833,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; @@ -6017,7 +5843,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; } @@ -6026,29 +5852,23 @@ 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; @@ -6072,7 +5892,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #dee2e6; border-radius: 3px; @@ -6093,11 +5912,9 @@ .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; @@ -6139,7 +5956,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #dee2e6; color: #495057; @@ -6175,7 +5991,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6190,7 +6005,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6206,7 +6020,6 @@ color: #212529; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6228,7 +6041,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #e9ecef; border-radius: 3px; @@ -6236,7 +6048,6 @@ .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; @@ -6269,7 +6080,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #495057; @@ -6287,11 +6097,9 @@ .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 cda6af5d699..d97f17bf54e 100644 --- a/src/assets/components/themes/saga-purple/theme.css +++ b/src/assets/components/themes/saga-purple/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f44336; } - .p-autocomplete-panel { background: #ffffff; color: #495057; @@ -435,11 +422,9 @@ background: #ffffff; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f44336; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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; @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f44336; } - .p-cascadeselect-panel { background: #ffffff; color: #495057; @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f8f9fa; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ color: #6c757d; right: 2.357rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #f44336; } - .p-dropdown-panel { background: #ffffff; color: #495057; @@ -1042,7 +1002,6 @@ color: #495057; background: transparent; } - .p-input-filled .p-dropdown { background: #f8f9fa; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #e9ecef; color: #6c757d; @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f44336; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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; @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: #6c757d; right: 2.357rem; } - .p-multiselect-panel { background: #ffffff; color: #495057; @@ -1526,7 +1449,6 @@ color: #495057; background: transparent; } - .p-input-filled .p-multiselect { background: #f8f9fa; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #689f38; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1574,7 +1492,6 @@ color: #6c757d; right: 0.5rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 3.5rem; } @@ -1582,7 +1499,6 @@ color: #6c757d; right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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; @@ -1913,7 +1816,6 @@ color: #495057; background: transparent; } - .p-input-filled .p-treeselect { background: #f8f9fa; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: #6c757d; right: 2.357rem; } - .p-button { color: #ffffff; background: #9C27B0; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #7d1f8d; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #607d8b; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #0288d1; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #0288d1; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #689f38; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #689f38; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #fbc02d; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #fbc02d; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #9c27b0; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #9c27b0; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d32f2f; @@ -2851,9 +2726,8 @@ 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; @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ background: #F3E5F5; color: #495057; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -2990,9 +2863,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; @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } - .p-column-filter-overlay { background: #ffffff; color: #495057; @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #e9ecef; color: #495057; @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } - .p-paginator { background: #ffffff; color: #6c757d; @@ -3445,9 +3308,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; @@ -3458,9 +3321,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; @@ -3517,7 +3380,6 @@ border-color: transparent; color: #495057; } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #9C27B0; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ 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; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #f8f9fa; color: #495057; @@ -3989,7 +3846,6 @@ 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; @@ -4062,7 +3918,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-card { background: #ffffff; color: #495057; @@ -4088,7 +3943,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4112,7 +3966,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #dee2e6; background: #ffffff; @@ -4153,7 +4006,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #dee2e6; padding: 1rem; @@ -4220,7 +4072,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f8f9fa; border: 0 none; @@ -4231,7 +4082,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } - .p-splitter { border: 1px solid #dee2e6; background: #ffffff; @@ -4253,7 +4103,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #dee2e6; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4322,7 +4171,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #f8f9fa; border: 1px solid #dee2e6; @@ -4333,7 +4181,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #495057; @@ -4381,7 +4228,6 @@ .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); @@ -4454,7 +4300,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #495057; @@ -4496,7 +4341,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #495057; @@ -4507,7 +4351,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; @@ -4517,13 +4361,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; @@ -4537,7 +4381,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #495057; color: #ffffff; @@ -4557,7 +4400,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #495057; } - .p-fileupload .p-fileupload-buttonbar { background: #f8f9fa; padding: 1rem; @@ -4597,7 +4439,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #8c239e; color: #ffffff; @@ -4608,7 +4449,6 @@ color: #ffffff; border-color: #7d1f8d; } - .p-breadcrumb { background: #ffffff; border: 1px solid #dee2e6; @@ -4640,7 +4480,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #6c757d; } - .p-contextmenu { padding: 0.25rem 0; background: #ffffff; @@ -4688,7 +4527,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 { @@ -4702,7 +4541,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 { @@ -4713,7 +4552,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 { @@ -4727,7 +4566,6 @@ 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); @@ -4751,32 +4589,31 @@ 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; @@ -4835,7 +4672,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 { @@ -4849,7 +4686,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 { @@ -4860,7 +4697,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 { @@ -4918,10 +4755,9 @@ 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; @@ -4958,7 +4794,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 { @@ -4972,7 +4808,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 { @@ -4983,7 +4819,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 { @@ -5017,7 +4853,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #f8f9fa; @@ -5056,7 +4891,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 { @@ -5087,7 +4922,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 { @@ -5101,7 +4936,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 { @@ -5112,7 +4947,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 { @@ -5129,7 +4964,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5304,7 +5138,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 { @@ -5318,7 +5152,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 { @@ -5329,7 +5163,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 { @@ -5369,7 +5203,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5412,7 +5245,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 { @@ -5426,7 +5259,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 { @@ -5437,7 +5270,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 { @@ -5484,7 +5317,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5529,7 +5361,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -5600,7 +5431,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.2rem #df9eea; } - .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5651,7 +5481,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 { @@ -5665,7 +5495,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 { @@ -5676,7 +5506,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 { @@ -5690,7 +5520,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5746,7 +5575,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5835,7 +5663,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5886,7 +5713,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 { @@ -5896,7 +5723,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 { @@ -5906,7 +5733,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 { @@ -5916,10 +5743,9 @@ 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; @@ -5950,7 +5776,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 { @@ -6007,7 +5833,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; @@ -6017,7 +5843,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; } @@ -6026,29 +5852,23 @@ 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; @@ -6072,7 +5892,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #dee2e6; border-radius: 3px; @@ -6093,11 +5912,9 @@ .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; @@ -6139,7 +5956,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #dee2e6; color: #495057; @@ -6175,7 +5991,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6190,7 +6005,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6206,7 +6020,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6228,7 +6041,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #e9ecef; border-radius: 3px; @@ -6236,7 +6048,6 @@ .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; @@ -6269,7 +6080,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #495057; @@ -6287,11 +6097,9 @@ .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 3904efbfbc7..b59a36033b0 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: #1c1d26; + --primary-color-text: hsl(234, 15%, 13%); --surface-0: #1d1e27; --surface-50: #34343d; --surface-100: #4a4b52; @@ -53,24 +53,21 @@ 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; @@ -298,40 +295,32 @@ * { 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); @@ -343,15 +332,12 @@ 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; @@ -368,7 +354,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -415,7 +400,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ff9a9a; } - .p-autocomplete-panel { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -457,11 +441,9 @@ background: #333544; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ff9a9a; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -469,23 +451,19 @@ 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; @@ -512,7 +490,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); @@ -522,13 +500,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; @@ -537,14 +515,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 { @@ -693,7 +671,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -701,12 +678,10 @@ 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; @@ -749,7 +724,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ff9a9a; } - .p-cascadeselect-panel { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -789,7 +763,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #3e4053; } @@ -799,11 +772,9 @@ .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; } @@ -811,7 +782,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -820,7 +790,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 22px; height: 22px; @@ -836,7 +805,7 @@ } .p-checkbox .p-checkbox-box .p-checkbox-icon { transition-duration: 0.2s; - color: #1c1d26; + color: hsl(234, 15%, 13%); font-size: 14px; } .p-checkbox .p-checkbox-box .p-icon { @@ -859,13 +828,11 @@ .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #9378f4; background: #9378f4; - color: #1c1d26; + color: hsl(234, 15%, 13%); } - 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; } @@ -878,15 +845,12 @@ .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; } @@ -925,11 +889,9 @@ 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; } @@ -937,26 +899,22 @@ 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; @@ -1000,7 +958,6 @@ .p-dropdown.p-invalid.p-component { border-color: #ff9a9a; } - .p-dropdown-panel { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -1064,7 +1021,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #3e4053; } @@ -1077,11 +1033,9 @@ .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-inputgroup-addon { background: #282936; color: rgba(255, 255, 255, 0.6); @@ -1094,68 +1048,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ff9a9a; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1163,11 +1109,9 @@ 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; } @@ -1175,14 +1119,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1221,11 +1163,9 @@ .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); @@ -1258,57 +1198,45 @@ 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; } - ::-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; } @@ -1318,17 +1246,14 @@ .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); @@ -1403,11 +1328,9 @@ 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; @@ -1447,11 +1370,9 @@ 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; } @@ -1459,7 +1380,6 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-multiselect-panel { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -1548,7 +1468,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #3e4053; } @@ -1558,15 +1477,12 @@ .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; @@ -1588,7 +1504,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #93deac; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1596,7 +1511,6 @@ 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; } @@ -1604,7 +1518,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } - .p-radiobutton { width: 22px; height: 22px; @@ -1631,7 +1544,7 @@ width: 12px; height: 12px; transition-duration: 0.2s; - background-color: #1c1d26; + background-color: hsl(234, 15%, 13%); } .p-radiobutton .p-radiobutton-box.p-highlight { border-color: #b19df7; @@ -1640,13 +1553,11 @@ .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #9378f4; background: #9378f4; - color: #1c1d26; + color: hsl(234, 15%, 13%); } - 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; } @@ -1659,11 +1570,9 @@ .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; } @@ -1694,7 +1603,6 @@ .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; @@ -1702,7 +1610,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 { @@ -1711,32 +1619,30 @@ 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: #1c1d26; + color: hsl(234, 15%, 13%); } .p-selectbutton .p-button.p-highlight .p-button-icon-left, -.p-selectbutton .p-button.p-highlight .p-button-icon-right { - color: #1c1d26; + .p-selectbutton .p-button.p-highlight .p-button-icon-right { + color: hsl(234, 15%, 13%); } .p-selectbutton .p-button.p-highlight:hover { background: #a28af5; border-color: #a28af5; - color: #1c1d26; + color: hsl(234, 15%, 13%); } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, -.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { - color: #1c1d26; + .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right { + color: hsl(234, 15%, 13%); } - p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button { border-color: #ff9a9a; } - .p-slider { background: #3e4053; border: 0 none; @@ -1788,7 +1694,6 @@ .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; @@ -1796,7 +1701,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 { @@ -1805,32 +1710,30 @@ 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: #1c1d26; + color: hsl(234, 15%, 13%); } .p-togglebutton.p-button.p-highlight .p-button-icon-left, -.p-togglebutton.p-button.p-highlight .p-button-icon-right { - color: #1c1d26; + .p-togglebutton.p-button.p-highlight .p-button-icon-right { + color: hsl(234, 15%, 13%); } .p-togglebutton.p-button.p-highlight:hover { background: #a28af5; border-color: #a28af5; - color: #1c1d26; + color: hsl(234, 15%, 13%); } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, -.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { - color: #1c1d26; + .p-togglebutton.p-button.p-highlight:hover .p-button-icon-right { + color: hsl(234, 15%, 13%); } - p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button { border-color: #ff9a9a; } - .p-treeselect { background: #1d1e27; border: 1px solid #3e4053; @@ -1867,15 +1770,12 @@ 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); @@ -1935,7 +1835,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #3e4053; } @@ -1945,7 +1844,6 @@ .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; } @@ -1953,9 +1851,8 @@ color: rgba(255, 255, 255, 0.6); right: 3rem; } - .p-button { - color: #1c1d26; + color: hsl(234, 15%, 13%); background: #b19df7; border: 1px solid #b19df7; padding: 0.75rem 1.25rem; @@ -1965,12 +1862,12 @@ } .p-button:not(:disabled):hover { background: #a28af5; - color: #1c1d26; + color: hsl(234, 15%, 13%); border-color: #a28af5; } .p-button:not(:disabled):active { background: #9378f4; - color: #1c1d26; + color: hsl(234, 15%, 13%); border-color: #9378f4; } .p-button.p-button-outlined { @@ -2052,7 +1949,7 @@ height: 1rem; line-height: 1rem; color: #b19df7; - background-color: #1c1d26; + background-color: hsl(234, 15%, 13%); } .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); @@ -2065,7 +1962,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 { @@ -2092,7 +1989,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2105,421 +2001,414 @@ .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; @@ -2543,7 +2432,6 @@ color: #b19df7; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2555,17 +2443,14 @@ 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; @@ -2576,52 +2461,45 @@ 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; } @@ -2699,7 +2577,6 @@ .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; @@ -2728,7 +2605,6 @@ border-color: transparent; color: #d4ea93; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #9bcaff; @@ -2757,7 +2633,6 @@ border-color: transparent; color: #9bcaff; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #93deac; @@ -2786,7 +2661,6 @@ border-color: transparent; color: #93deac; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffcf91; @@ -2815,7 +2689,6 @@ border-color: transparent; color: #ffcf91; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #86e0e7; @@ -2844,7 +2717,6 @@ border-color: transparent; color: #86e0e7; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #eb9a9c; @@ -2873,9 +2745,8 @@ 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); @@ -2886,13 +2757,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; @@ -2918,7 +2789,6 @@ background: rgba(177, 157, 247, 0.16); color: #b19df7; } - .p-datatable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3012,9 +2882,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); @@ -3024,17 +2894,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; @@ -3064,12 +2934,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 { @@ -3172,7 +3042,6 @@ .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; @@ -3211,12 +3080,10 @@ .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; @@ -3244,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3264,7 +3130,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } - .p-column-filter-overlay { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -3302,7 +3167,6 @@ 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; @@ -3331,7 +3195,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3409,7 +3272,6 @@ .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); @@ -3418,7 +3280,6 @@ 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); @@ -3457,7 +3318,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } - .p-paginator { background: #282936; color: rgba(255, 255, 255, 0.6); @@ -3467,9 +3327,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); @@ -3480,9 +3340,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); @@ -3539,7 +3399,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3617,7 +3476,6 @@ .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); @@ -3626,32 +3484,30 @@ background: #282936; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #b19df7; border-radius: 50%; width: 1rem; height: 1rem; - background-color: #1c1d26; + background-color: hsl(234, 15%, 13%); } .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; @@ -3708,11 +3564,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 { @@ -3785,7 +3641,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } - .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3925,7 +3780,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 { @@ -3986,7 +3841,6 @@ .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); @@ -4011,7 +3865,6 @@ 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; @@ -4060,7 +3913,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } - .p-card { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -4086,7 +3938,6 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } - .p-divider .p-divider-content { background-color: #282936; } @@ -4110,7 +3961,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #3e4053; background: #282936; @@ -4151,7 +4001,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #3e4053; padding: 1.25rem; @@ -4218,7 +4067,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #3e4053; border: 0 none; @@ -4229,7 +4077,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } - .p-splitter { border: 1px solid #3e4053; background: #282936; @@ -4251,7 +4098,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #3e4053; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4320,7 +4166,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-toolbar { background: #282936; border: 1px solid #3e4053; @@ -4331,7 +4176,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -4379,7 +4223,6 @@ .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); @@ -4452,7 +4295,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -4465,7 +4307,7 @@ } .p-overlaypanel .p-overlaypanel-close { background: #b19df7; - color: #1c1d26; + color: hsl(234, 15%, 13%); width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -4476,7 +4318,7 @@ } .p-overlaypanel .p-overlaypanel-close:enabled:hover { background: #a28af5; - color: #1c1d26; + color: hsl(234, 15%, 13%); } .p-overlaypanel:after { border: solid transparent; @@ -4494,7 +4336,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #3e4053; } - .p-sidebar { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -4505,7 +4346,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); @@ -4515,13 +4356,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; @@ -4535,7 +4376,6 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } - .p-tooltip .p-tooltip-text { background: #3e4053; color: rgba(255, 255, 255, 0.87); @@ -4555,7 +4395,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #3e4053; } - .p-fileupload .p-fileupload-buttonbar { background: #282936; padding: 1.25rem; @@ -4595,18 +4434,16 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #a28af5; - color: #1c1d26; + color: hsl(234, 15%, 13%); border-color: #a28af5; } .p-fileupload-choose:not(.p-disabled):active { background: #9378f4; - color: #1c1d26; + color: hsl(234, 15%, 13%); border-color: #9378f4; } - .p-breadcrumb { background: #333544; border: 1px solid #3e4053; @@ -4638,7 +4475,6 @@ .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; @@ -4686,7 +4522,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 { @@ -4700,7 +4536,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 { @@ -4711,7 +4547,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 { @@ -4725,7 +4561,6 @@ 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); @@ -4749,32 +4584,31 @@ 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; @@ -4833,7 +4667,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 { @@ -4847,7 +4681,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 { @@ -4858,7 +4692,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 { @@ -4916,10 +4750,9 @@ 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; @@ -4956,7 +4789,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 { @@ -4970,7 +4803,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 { @@ -4981,7 +4814,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 { @@ -5004,7 +4837,7 @@ } .p-menu .p-menuitem-badge { background: #b19df7; - color: #1c1d26; + color: hsl(234, 15%, 13%); font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5015,7 +4848,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #333544; @@ -5054,7 +4886,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 { @@ -5085,7 +4917,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 { @@ -5099,7 +4931,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 { @@ -5110,7 +4942,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 { @@ -5127,7 +4959,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5302,7 +5133,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 { @@ -5316,7 +5147,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 { @@ -5327,7 +5158,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 { @@ -5343,7 +5174,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } - .p-slidemenu { padding: 0.25rem 0; background: #333544; @@ -5386,7 +5216,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 { @@ -5400,7 +5230,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 { @@ -5411,7 +5241,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 { @@ -5447,7 +5277,7 @@ } .p-slidemenu .p-menuitem-badge { background: #b19df7; - color: #1c1d26; + color: hsl(234, 15%, 13%); font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5458,7 +5288,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5503,7 +5332,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #3e4053; @@ -5511,7 +5339,7 @@ } .p-tabmenu .p-tabmenu-nav .p-menuitem-badge { background: #b19df7; - color: #1c1d26; + color: hsl(234, 15%, 13%); font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -5574,7 +5402,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #e0d8fc; } - .p-tieredmenu { padding: 0.25rem 0; background: #333544; @@ -5625,7 +5452,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 { @@ -5639,7 +5466,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 { @@ -5650,7 +5477,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 { @@ -5664,7 +5491,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5720,7 +5546,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 6px; @@ -5809,7 +5634,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5860,7 +5684,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 { @@ -5870,7 +5694,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 { @@ -5880,7 +5704,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 { @@ -5890,10 +5714,9 @@ 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; @@ -5924,7 +5747,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 { @@ -5981,7 +5804,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; @@ -5991,7 +5814,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; } @@ -6000,29 +5823,23 @@ 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; @@ -6046,7 +5863,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #3e4053; border-radius: 6px; @@ -6067,14 +5883,12 @@ .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: #1c1d26; + color: hsl(234, 15%, 13%); font-size: 0.75rem; font-weight: 700; min-width: 1.5rem; @@ -6113,7 +5927,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #3e4053; color: rgba(255, 255, 255, 0.87); @@ -6149,7 +5962,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6164,7 +5976,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6177,10 +5988,9 @@ background: #b19df7; } .p-progressbar .p-progressbar-label { - color: #1c1d26; + color: hsl(234, 15%, 13%); line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6202,7 +6012,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 6px; @@ -6210,10 +6019,9 @@ .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: #1c1d26; + color: hsl(234, 15%, 13%); font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.4rem; @@ -6243,7 +6051,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #282936; color: rgba(255, 255, 255, 0.87); @@ -6260,14 +6067,12 @@ .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 c3742101659..5e1627130f5 100644 --- a/src/assets/components/themes/soho-light/theme.css +++ b/src/assets/components/themes/soho-light/theme.css @@ -53,24 +53,21 @@ 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; @@ -298,40 +295,32 @@ * { 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); @@ -343,15 +332,12 @@ 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; @@ -368,7 +354,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -415,7 +400,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ff6767; } - .p-autocomplete-panel { background: #ffffff; color: #043d75; @@ -457,11 +441,9 @@ background: #eff3f8; font-weight: 700; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ff6767; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -469,23 +451,19 @@ 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%); @@ -512,7 +490,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; @@ -522,13 +500,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; @@ -537,14 +515,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 { @@ -693,7 +671,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -701,12 +678,10 @@ 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; @@ -749,7 +724,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ff6767; } - .p-cascadeselect-panel { background: #ffffff; color: #043d75; @@ -789,7 +763,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f6f9fc; } @@ -799,11 +772,9 @@ .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; } @@ -811,7 +782,6 @@ color: #708da9; right: 3rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -820,7 +790,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 22px; height: 22px; @@ -861,11 +830,9 @@ 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; } @@ -878,15 +845,12 @@ .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; } @@ -925,11 +889,9 @@ 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; } @@ -937,26 +899,22 @@ 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; @@ -1000,7 +958,6 @@ .p-dropdown.p-invalid.p-component { border-color: #ff6767; } - .p-dropdown-panel { background: #ffffff; color: #043d75; @@ -1064,7 +1021,6 @@ color: #043d75; background: transparent; } - .p-input-filled .p-dropdown { background: #f6f9fc; } @@ -1077,11 +1033,9 @@ .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-inputgroup-addon { background: #f6f9fc; color: #708da9; @@ -1094,68 +1048,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ff6767; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1163,11 +1109,9 @@ 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; } @@ -1175,14 +1119,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1221,11 +1163,9 @@ .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); @@ -1258,57 +1198,45 @@ 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; } - ::-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; } @@ -1318,17 +1246,14 @@ .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; @@ -1403,11 +1328,9 @@ 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; @@ -1447,11 +1370,9 @@ 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; } @@ -1459,7 +1380,6 @@ color: #708da9; right: 3rem; } - .p-multiselect-panel { background: #ffffff; color: #043d75; @@ -1548,7 +1468,6 @@ color: #043d75; background: transparent; } - .p-input-filled .p-multiselect { background: #f6f9fc; } @@ -1558,15 +1477,12 @@ .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; @@ -1588,7 +1504,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #29c76f; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1596,7 +1511,6 @@ color: #708da9; right: 0.75rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1604,7 +1518,6 @@ color: #708da9; right: 2.5rem; } - .p-radiobutton { width: 22px; height: 22px; @@ -1642,11 +1555,9 @@ 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; } @@ -1659,11 +1570,9 @@ .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; } @@ -1694,7 +1603,6 @@ .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; @@ -1702,7 +1610,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 { @@ -1711,7 +1619,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 { @@ -1720,7 +1628,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 { @@ -1729,14 +1637,12 @@ 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; @@ -1788,7 +1694,6 @@ .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; @@ -1796,7 +1701,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 { @@ -1805,7 +1710,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 { @@ -1814,7 +1719,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 { @@ -1823,14 +1728,12 @@ 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; @@ -1867,15 +1770,12 @@ 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; @@ -1935,7 +1835,6 @@ color: #043d75; background: transparent; } - .p-input-filled .p-treeselect { background: #f6f9fc; } @@ -1945,7 +1844,6 @@ .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; } @@ -1953,7 +1851,6 @@ color: #708da9; right: 3rem; } - .p-button { color: #ffffff; background: #7254f3; @@ -2065,7 +1962,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 { @@ -2092,7 +1989,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2105,421 +2001,414 @@ .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; @@ -2543,7 +2432,6 @@ color: #5935f1; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2555,17 +2443,14 @@ 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; @@ -2576,52 +2461,45 @@ 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; } @@ -2699,7 +2577,6 @@ .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; @@ -2728,7 +2605,6 @@ border-color: transparent; color: #a1c30d; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #5486f3; @@ -2757,7 +2633,6 @@ border-color: transparent; color: #5486f3; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #29c76f; @@ -2786,7 +2661,6 @@ border-color: transparent; color: #29c76f; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ff9f42; @@ -2815,7 +2689,6 @@ border-color: transparent; color: #ff9f42; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #3ec9d6; @@ -2844,7 +2717,6 @@ border-color: transparent; color: #3ec9d6; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ea5455; @@ -2873,9 +2745,8 @@ 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; @@ -2886,13 +2757,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; @@ -2918,7 +2789,6 @@ background: #e2dcfc; color: #7254f3; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3012,9 +2882,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; @@ -3024,17 +2894,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; @@ -3064,12 +2934,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 { @@ -3172,7 +3042,6 @@ .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; @@ -3211,12 +3080,10 @@ .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; @@ -3244,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3264,7 +3130,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } - .p-column-filter-overlay { background: #ffffff; color: #043d75; @@ -3302,7 +3167,6 @@ 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; @@ -3331,7 +3195,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3409,7 +3272,6 @@ .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); @@ -3418,7 +3280,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f6f9fc; color: #043d75; @@ -3457,7 +3318,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } - .p-paginator { background: #ffffff; color: #708da9; @@ -3467,9 +3327,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; @@ -3480,9 +3340,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; @@ -3539,7 +3399,6 @@ border-color: transparent; color: #043d75; } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3617,7 +3476,6 @@ .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); @@ -3626,7 +3484,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #7254f3; border-radius: 50%; @@ -3638,20 +3495,19 @@ 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; @@ -3708,11 +3564,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 { @@ -3785,7 +3641,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } - .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3925,7 +3780,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 { @@ -3986,7 +3841,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #eff3f8; color: #708da9; @@ -4011,7 +3865,6 @@ 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; @@ -4060,7 +3913,6 @@ .p-accordion p-accordiontab .p-accordion-tab { margin-bottom: 4px; } - .p-card { background: #ffffff; color: #043d75; @@ -4086,7 +3938,6 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4110,7 +3961,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #dfe7ef; background: #ffffff; @@ -4151,7 +4001,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #dfe7ef; padding: 1.25rem; @@ -4218,7 +4067,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #eff3f8; border: 0 none; @@ -4229,7 +4077,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } - .p-splitter { border: 1px solid #dfe7ef; background: #ffffff; @@ -4251,7 +4098,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #dfe7ef; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4320,7 +4166,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-toolbar { background: #eff3f8; border: 1px solid #dfe7ef; @@ -4331,7 +4176,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #043d75; @@ -4379,7 +4223,6 @@ .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); @@ -4452,7 +4295,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #043d75; @@ -4494,7 +4336,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #043d75; @@ -4505,7 +4346,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; @@ -4515,13 +4356,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; @@ -4535,7 +4376,6 @@ .p-sidebar .p-sidebar-footer { padding: 1.25rem; } - .p-tooltip .p-tooltip-text { background: #043d75; color: #ffffff; @@ -4555,7 +4395,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #043d75; } - .p-fileupload .p-fileupload-buttonbar { background: #eff3f8; padding: 1.25rem; @@ -4595,7 +4434,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #6545f2; color: #ffffff; @@ -4606,7 +4444,6 @@ color: #ffffff; border-color: #5935f1; } - .p-breadcrumb { background: #eff3f8; border: 1px solid #dfe7ef; @@ -4638,7 +4475,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #708da9; } - .p-contextmenu { padding: 0.25rem 0; background: #eff3f8; @@ -4686,7 +4522,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 { @@ -4700,7 +4536,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 { @@ -4711,7 +4547,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 { @@ -4725,7 +4561,6 @@ 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); @@ -4749,32 +4584,31 @@ 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; @@ -4833,7 +4667,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 { @@ -4847,7 +4681,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 { @@ -4858,7 +4692,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 { @@ -4916,10 +4750,9 @@ 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; @@ -4956,7 +4789,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 { @@ -4970,7 +4803,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 { @@ -4981,7 +4814,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 { @@ -5015,7 +4848,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #eff3f8; @@ -5054,7 +4886,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 { @@ -5085,7 +4917,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 { @@ -5099,7 +4931,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 { @@ -5110,7 +4942,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 { @@ -5127,7 +4959,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5302,7 +5133,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 { @@ -5316,7 +5147,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 { @@ -5327,7 +5158,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 { @@ -5343,7 +5174,6 @@ .p-panelmenu .p-panelmenu-panel { margin-bottom: 4px; } - .p-slidemenu { padding: 0.25rem 0; background: #eff3f8; @@ -5386,7 +5216,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 { @@ -5400,7 +5230,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 { @@ -5411,7 +5241,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 { @@ -5458,7 +5288,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5503,7 +5332,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #dfe7ef; @@ -5574,7 +5402,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #c7bbfa; } - .p-tieredmenu { padding: 0.25rem 0; background: #eff3f8; @@ -5625,7 +5452,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 { @@ -5639,7 +5466,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 { @@ -5650,7 +5477,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 { @@ -5664,7 +5491,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5720,7 +5546,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 6px; @@ -5809,7 +5634,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5860,7 +5684,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 { @@ -5870,7 +5694,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 { @@ -5880,7 +5704,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 { @@ -5890,10 +5714,9 @@ 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; @@ -5924,7 +5747,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 { @@ -5981,7 +5804,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; @@ -5991,7 +5814,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; } @@ -6000,29 +5823,23 @@ 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; @@ -6046,7 +5863,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #dfe7ef; border-radius: 6px; @@ -6067,11 +5883,9 @@ .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; @@ -6113,7 +5927,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #dfe7ef; color: #043d75; @@ -6149,7 +5962,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 6px; @@ -6164,7 +5976,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6180,7 +5991,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6202,7 +6012,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #dfe7ef; border-radius: 6px; @@ -6210,7 +6019,6 @@ .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; @@ -6243,7 +6051,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #043d75; @@ -6259,11 +6066,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); } @@ -6309,19 +6116,15 @@ 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 0f98ecc795d..0fadbef6f0e 100644 --- a/src/assets/components/themes/tailwind-light/theme.css +++ b/src/assets/components/themes/tailwind-light/theme.css @@ -55,36 +55,31 @@ 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; @@ -248,7 +243,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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); border-radius: 0.375rem; padding: 0.25rem 0; } @@ -312,40 +307,32 @@ * { 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); @@ -357,15 +344,12 @@ 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; @@ -382,7 +366,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -429,13 +412,12 @@ .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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); } .p-autocomplete-panel .p-autocomplete-items { padding: 0.25rem 0; @@ -471,11 +453,9 @@ background: #ffffff; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f0a9a7; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -483,23 +463,19 @@ 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; @@ -510,7 +486,7 @@ .p-datepicker:not(.p-datepicker-inline) { background: #ffffff; border: 0 none; - 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); + 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); } .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header { background: #ffffff; @@ -526,7 +502,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; @@ -536,13 +512,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; @@ -551,14 +527,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 { @@ -707,7 +683,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -715,12 +690,10 @@ 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; @@ -763,13 +736,12 @@ .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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); } .p-cascadeselect-panel .p-cascadeselect-items { padding: 0.25rem 0; @@ -803,7 +775,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #fafafa; } @@ -813,11 +784,9 @@ .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; } @@ -825,7 +794,6 @@ color: #71717a; right: 3rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -834,7 +802,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 16px; height: 16px; @@ -875,11 +842,9 @@ 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; } @@ -892,15 +857,12 @@ .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; } @@ -939,11 +901,9 @@ 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; } @@ -951,26 +911,22 @@ 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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); } - .p-dropdown { background: #ffffff; border: 1px solid #d4d4d8; @@ -1014,13 +970,12 @@ .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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); } .p-dropdown-panel .p-dropdown-header { padding: 0.5rem 0.75rem; @@ -1078,7 +1033,6 @@ color: #3f3f46; background: transparent; } - .p-input-filled .p-dropdown { background: #fafafa; } @@ -1091,11 +1045,9 @@ .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-inputgroup-addon { background: #fafafa; color: #71717a; @@ -1108,68 +1060,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f0a9a7; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1177,11 +1121,9 @@ 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; } @@ -1189,14 +1131,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1235,11 +1175,9 @@ .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); @@ -1272,57 +1210,45 @@ 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; } - ::-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; } @@ -1332,17 +1258,14 @@ .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; @@ -1417,11 +1340,9 @@ 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; @@ -1461,11 +1382,9 @@ 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; } @@ -1473,13 +1392,12 @@ color: #71717a; right: 3rem; } - .p-multiselect-panel { background: #ffffff; color: #3f3f46; border: 0 none; border-radius: 0.375rem; - 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); + 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); } .p-multiselect-panel .p-multiselect-header { padding: 0.5rem 0.75rem; @@ -1562,7 +1480,6 @@ color: #3f3f46; background: transparent; } - .p-input-filled .p-multiselect { background: #fafafa; } @@ -1572,21 +1489,18 @@ .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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); border-radius: 0.375rem; } .p-password-panel .p-password-meter { @@ -1602,7 +1516,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #22c55e; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1610,7 +1523,6 @@ color: #71717a; right: 0.75rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1618,7 +1530,6 @@ color: #71717a; right: 2.5rem; } - .p-radiobutton { width: 16px; height: 16px; @@ -1656,11 +1567,9 @@ 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; } @@ -1673,11 +1582,9 @@ .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; } @@ -1708,7 +1615,6 @@ .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; @@ -1716,7 +1622,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 { @@ -1725,7 +1631,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 { @@ -1734,7 +1640,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 { @@ -1743,14 +1649,12 @@ 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; @@ -1802,7 +1706,6 @@ .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; @@ -1810,7 +1713,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 { @@ -1819,7 +1722,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 { @@ -1828,7 +1731,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 { @@ -1837,14 +1740,12 @@ 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; @@ -1881,21 +1782,18 @@ 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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); } .p-treeselect-panel .p-treeselect-header { padding: 0.5rem 0.75rem; @@ -1949,7 +1847,6 @@ color: #3f3f46; background: transparent; } - .p-input-filled .p-treeselect { background: #fafafa; } @@ -1959,7 +1856,6 @@ .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; } @@ -1967,7 +1863,6 @@ color: #71717a; right: 3rem; } - .p-button { color: #ffffff; background: #4f46e5; @@ -2079,7 +1974,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 { @@ -2106,7 +2001,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2119,421 +2013,414 @@ .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; @@ -2557,7 +2444,6 @@ color: #4f46e5; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2569,17 +2455,14 @@ 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; @@ -2590,52 +2473,45 @@ 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; } @@ -2713,7 +2589,6 @@ .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; @@ -2742,7 +2617,6 @@ border-color: transparent; color: #64748b; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #3b82f6; @@ -2771,7 +2645,6 @@ border-color: transparent; color: #3b82f6; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #22c55e; @@ -2800,7 +2673,6 @@ border-color: transparent; color: #22c55e; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #f59e0b; @@ -2829,7 +2701,6 @@ border-color: transparent; color: #f59e0b; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #a855f7; @@ -2858,7 +2729,6 @@ border-color: transparent; color: #a855f7; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #ef4444; @@ -2887,9 +2757,8 @@ 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; @@ -2900,13 +2769,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; @@ -2932,7 +2801,6 @@ background: #eef2ff; color: #312e81; } - .p-datatable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3026,9 +2894,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; @@ -3038,17 +2906,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; @@ -3078,12 +2946,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 { @@ -3186,7 +3054,6 @@ .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; @@ -3225,12 +3092,10 @@ .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; @@ -3258,7 +3123,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3278,13 +3142,12 @@ 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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); min-width: 12.5rem; } .p-column-filter-overlay .p-column-filter-row-items { @@ -3316,7 +3179,6 @@ 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; @@ -3345,7 +3207,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1.25rem; } - .p-orderlist .p-orderlist-controls { padding: 1.25rem; } @@ -3423,16 +3284,14 @@ .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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); 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; @@ -3471,7 +3330,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } - .p-paginator { background: #ffffff; color: #71717a; @@ -3481,9 +3339,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; @@ -3494,9 +3352,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; @@ -3553,7 +3411,6 @@ border-color: #d4d4d8; color: #3f3f46; } - .p-picklist .p-picklist-buttons { padding: 1.25rem; } @@ -3631,16 +3488,14 @@ .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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); border: 0 none; color: #3f3f46; background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #4f46e5; border-radius: 50%; @@ -3652,20 +3507,19 @@ 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; @@ -3722,11 +3576,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 { @@ -3799,7 +3653,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } - .p-treetable .p-paginator-top { border-width: 0 0 1px 0; border-radius: 0; @@ -3939,7 +3792,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 { @@ -4000,7 +3853,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 0.9375rem 1.875rem; } - .p-virtualscroller .p-virtualscroller-header { background: #fafafa; color: #3f3f46; @@ -4025,7 +3877,6 @@ 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; @@ -4098,7 +3949,6 @@ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } - .p-card { background: #ffffff; color: #3f3f46; @@ -4124,7 +3974,6 @@ .p-card .p-card-footer { padding: 1.25rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4148,7 +3997,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #e5e7eb; background: #ffffff; @@ -4189,7 +4037,6 @@ .p-fieldset .p-fieldset-content { padding: 1.25rem; } - .p-panel .p-panel-header { border: 1px solid #e5e7eb; padding: 1.25rem; @@ -4256,7 +4103,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #fafafa; border: 0 none; @@ -4267,7 +4113,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } - .p-splitter { border: 1px solid #e5e7eb; background: #ffffff; @@ -4289,7 +4134,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #e5e7eb; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 3rem; } @@ -4358,7 +4202,6 @@ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } - .p-toolbar { background: #fafafa; border: 1px solid #e5e7eb; @@ -4369,7 +4212,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #3f3f46; @@ -4417,7 +4259,6 @@ .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); @@ -4490,7 +4331,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #3f3f46; @@ -4532,7 +4372,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #3f3f46; @@ -4543,7 +4382,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; @@ -4553,13 +4392,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; @@ -4573,12 +4412,11 @@ .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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); border-radius: 0.375rem; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { @@ -4593,7 +4431,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #3f3f46; } - .p-fileupload .p-fileupload-buttonbar { background: #fafafa; padding: 1.25rem; @@ -4633,7 +4470,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #4338ca; color: #ffffff; @@ -4644,7 +4480,6 @@ color: #ffffff; border-color: #4338ca; } - .p-breadcrumb { background: #ffffff; border: 1px solid #e5e7eb; @@ -4676,13 +4511,12 @@ .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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); border-radius: 0.375rem; width: 12.5rem; } @@ -4693,7 +4527,7 @@ padding: 0.25rem 0; background: #ffffff; border: 0 none; - 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); + 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); border-radius: 0.375rem; } .p-contextmenu .p-menuitem > .p-menuitem-content { @@ -4724,7 +4558,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 { @@ -4738,7 +4572,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 { @@ -4749,7 +4583,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 { @@ -4763,7 +4597,6 @@ 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); @@ -4787,32 +4620,31 @@ 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; @@ -4871,7 +4703,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 { @@ -4885,7 +4717,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 { @@ -4896,14 +4728,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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); } .p-megamenu .p-submenu-header { margin: 0; @@ -4954,10 +4786,9 @@ 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; @@ -4994,7 +4825,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 { @@ -5008,7 +4839,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 { @@ -5019,13 +4850,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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); } .p-menu .p-submenu-header { margin: 0; @@ -5053,7 +4884,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 1rem; background: #fafafa; @@ -5092,7 +4922,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 { @@ -5123,7 +4953,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 { @@ -5137,7 +4967,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 { @@ -5148,14 +4978,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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); width: 12.5rem; } .p-menubar .p-submenu-list .p-menuitem-separator { @@ -5165,7 +4995,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5193,7 +5022,7 @@ padding: 0.25rem 0; background: #ffffff; border: 0 none; - 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); + 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); width: 100%; } .p-menubar .p-menubar-root-list .p-menuitem-separator { @@ -5340,7 +5169,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 { @@ -5354,7 +5183,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 { @@ -5365,7 +5194,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 { @@ -5405,7 +5234,6 @@ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } - .p-slidemenu { padding: 0.25rem 0; background: #ffffff; @@ -5448,7 +5276,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 { @@ -5462,7 +5290,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 { @@ -5473,19 +5301,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 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + 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); } .p-slidemenu .p-slidemenu-list { padding: 0.25rem 0; background: #ffffff; border: 0 none; - 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); + 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); } .p-slidemenu .p-menuitem-separator { border-top: 1px solid #f3f4f6; @@ -5520,7 +5348,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: none; @@ -5565,7 +5392,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -5636,7 +5462,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #6366f1; } - .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; @@ -5648,7 +5473,7 @@ .p-tieredmenu.p-tieredmenu-overlay { background: #ffffff; border: 0 none; - 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); + 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); } .p-tieredmenu .p-tieredmenu-root-list { outline: 0 none; @@ -5657,7 +5482,7 @@ padding: 0.25rem 0; background: #ffffff; border: 0 none; - 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); + 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); } .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #3f3f46; @@ -5687,7 +5512,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 { @@ -5701,7 +5526,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 { @@ -5712,7 +5537,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 { @@ -5726,7 +5551,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.75rem 0.75rem; margin: 0; @@ -5782,7 +5606,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 0.375rem; @@ -5871,7 +5694,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5922,7 +5744,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 { @@ -5932,7 +5754,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 { @@ -5942,7 +5764,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 { @@ -5952,10 +5774,9 @@ 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; @@ -5986,7 +5807,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 +5864,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; @@ -6053,7 +5874,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; } @@ -6062,29 +5883,23 @@ 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; @@ -6108,7 +5923,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #e5e7eb; border-radius: 0.375rem; @@ -6129,11 +5943,9 @@ .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; @@ -6175,7 +5987,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #e5e7eb; color: #3f3f46; @@ -6211,7 +6022,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.75rem 0.75rem; border-radius: 0.375rem; @@ -6226,7 +6036,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #6366f1; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6242,12 +6051,11 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; border-radius: 50%; - 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); + 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); transition: none; } .p-scrolltop.p-link { @@ -6264,7 +6072,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #f4f4f5; border-radius: 0.375rem; @@ -6272,7 +6079,6 @@ .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; @@ -6305,7 +6111,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #3f3f46; @@ -6321,29 +6126,23 @@ /* Customizations to the designer theme should be defined here */ @layer primeng { .p-inputtext, .p-togglebutton, .p-selectbutton, .p-inputgroup { - box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0, 0, 0, 0.05); + 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); } - .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; } @@ -6354,7 +6153,6 @@ .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); } @@ -6376,18 +6174,15 @@ .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 6b66a7bef1b..c2a5e77ad3f 100644 --- a/src/assets/components/themes/vela-blue/theme.css +++ b/src/assets/components/themes/vela-blue/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } - .p-autocomplete-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -435,11 +422,9 @@ background: #1f2d40; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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); @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } - .p-cascadeselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #304562; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ 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; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } - .p-dropdown-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1042,7 +1002,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #304562; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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); @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1526,7 +1449,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #304562; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1574,7 +1492,6 @@ 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; } @@ -1582,7 +1499,6 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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); @@ -1913,7 +1816,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #304562; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-button { color: #212529; background: #64B5F6; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #64B5F6; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #78909c; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #81d4fa; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #c5e1a5; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #ffe082; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2851,9 +2726,8 @@ 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); @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ 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; @@ -2990,9 +2863,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); @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-column-filter-overlay { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ 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); @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-paginator { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -3445,9 +3308,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); @@ -3458,9 +3321,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); @@ -3517,7 +3380,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #1f2d40; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #64B5F6; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .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); @@ -3989,7 +3846,6 @@ 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; @@ -4062,7 +3918,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-card { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4088,7 +3943,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1f2d40; } @@ -4112,7 +3966,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #304562; background: #1f2d40; @@ -4153,7 +4006,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #304562; padding: 1rem; @@ -4220,7 +4072,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #304562; border: 0 none; @@ -4231,7 +4082,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-splitter { border: 1px solid #304562; background: #1f2d40; @@ -4253,7 +4103,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #304562; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4322,7 +4171,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #1f2d40; border: 1px solid #304562; @@ -4333,7 +4181,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4381,7 +4228,6 @@ .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); @@ -4454,7 +4300,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4496,7 +4341,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #304562; } - .p-sidebar { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4507,7 +4351,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); @@ -4517,13 +4361,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; @@ -4537,7 +4381,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #304562; color: rgba(255, 255, 255, 0.87); @@ -4557,7 +4400,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #304562; } - .p-fileupload .p-fileupload-buttonbar { background: #1f2d40; padding: 1rem; @@ -4597,7 +4439,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #43a5f4; color: #212529; @@ -4608,7 +4449,6 @@ color: #212529; border-color: #2396f2; } - .p-breadcrumb { background: #1f2d40; border: 1px solid #304562; @@ -4640,7 +4480,6 @@ .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; @@ -4688,7 +4527,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 { @@ -4702,7 +4541,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 { @@ -4713,7 +4552,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 { @@ -4727,7 +4566,6 @@ 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); @@ -4751,32 +4589,31 @@ 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; @@ -4835,7 +4672,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 { @@ -4849,7 +4686,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 { @@ -4860,7 +4697,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 { @@ -4918,10 +4755,9 @@ 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; @@ -4958,7 +4794,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 { @@ -4972,7 +4808,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 { @@ -4983,7 +4819,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 { @@ -5017,7 +4853,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #1f2d40; @@ -5056,7 +4891,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 { @@ -5087,7 +4922,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 { @@ -5101,7 +4936,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 { @@ -5112,7 +4947,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 { @@ -5129,7 +4964,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5304,7 +5138,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 { @@ -5318,7 +5152,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 { @@ -5329,7 +5163,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 { @@ -5369,7 +5203,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-slidemenu { padding: 0.25rem 0; background: #1f2d40; @@ -5412,7 +5245,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 { @@ -5426,7 +5259,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 { @@ -5437,7 +5270,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 { @@ -5484,7 +5317,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5529,7 +5361,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #304562; @@ -5600,7 +5431,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #93cbf9; } - .p-tieredmenu { padding: 0.25rem 0; background: #1f2d40; @@ -5651,7 +5481,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 { @@ -5665,7 +5495,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 { @@ -5676,7 +5506,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 { @@ -5690,7 +5520,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5746,7 +5575,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5835,7 +5663,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5886,7 +5713,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 { @@ -5896,7 +5723,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 { @@ -5906,7 +5733,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 { @@ -5916,10 +5743,9 @@ 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; @@ -5950,7 +5776,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 { @@ -6007,7 +5833,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; @@ -6017,7 +5843,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; } @@ -6026,29 +5852,23 @@ 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; @@ -6072,7 +5892,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #304562; border-radius: 3px; @@ -6093,11 +5912,9 @@ .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; @@ -6139,7 +5956,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #304562; color: rgba(255, 255, 255, 0.87); @@ -6175,7 +5991,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6190,7 +6005,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6206,7 +6020,6 @@ color: #212529; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6228,7 +6041,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6236,7 +6048,6 @@ .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; @@ -6269,7 +6080,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -6287,14 +6097,12 @@ .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 5b4a490d646..c2996c6a0db 100644 --- a/src/assets/components/themes/vela-green/theme.css +++ b/src/assets/components/themes/vela-green/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } - .p-autocomplete-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -435,11 +422,9 @@ background: #1f2d40; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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); @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } - .p-cascadeselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #304562; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ 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; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } - .p-dropdown-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1042,7 +1002,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #304562; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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); @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1526,7 +1449,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #304562; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1574,7 +1492,6 @@ 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; } @@ -1582,7 +1499,6 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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); @@ -1913,7 +1816,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #304562; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-button { color: #212529; background: #81C784; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #81C784; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #78909c; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #81d4fa; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #c5e1a5; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #ffe082; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2851,9 +2726,8 @@ 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); @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ 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; @@ -2990,9 +2863,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); @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-column-filter-overlay { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ 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); @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-paginator { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -3445,9 +3308,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); @@ -3458,9 +3321,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); @@ -3517,7 +3380,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #1f2d40; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #81C784; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .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); @@ -3989,7 +3846,6 @@ 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; @@ -4062,7 +3918,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-card { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4088,7 +3943,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1f2d40; } @@ -4112,7 +3966,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #304562; background: #1f2d40; @@ -4153,7 +4006,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #304562; padding: 1rem; @@ -4220,7 +4072,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #304562; border: 0 none; @@ -4231,7 +4082,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-splitter { border: 1px solid #304562; background: #1f2d40; @@ -4253,7 +4103,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #304562; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4322,7 +4171,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #1f2d40; border: 1px solid #304562; @@ -4333,7 +4181,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4381,7 +4228,6 @@ .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); @@ -4454,7 +4300,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4496,7 +4341,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #304562; } - .p-sidebar { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4507,7 +4351,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); @@ -4517,13 +4361,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; @@ -4537,7 +4381,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #304562; color: rgba(255, 255, 255, 0.87); @@ -4557,7 +4400,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #304562; } - .p-fileupload .p-fileupload-buttonbar { background: #1f2d40; padding: 1rem; @@ -4597,7 +4439,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #6abd6e; color: #212529; @@ -4608,7 +4449,6 @@ color: #212529; border-color: #54b358; } - .p-breadcrumb { background: #1f2d40; border: 1px solid #304562; @@ -4640,7 +4480,6 @@ .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; @@ -4688,7 +4527,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 { @@ -4702,7 +4541,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 { @@ -4713,7 +4552,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 { @@ -4727,7 +4566,6 @@ 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); @@ -4751,32 +4589,31 @@ 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; @@ -4835,7 +4672,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 { @@ -4849,7 +4686,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 { @@ -4860,7 +4697,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 { @@ -4918,10 +4755,9 @@ 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; @@ -4958,7 +4794,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 { @@ -4972,7 +4808,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 { @@ -4983,7 +4819,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 { @@ -5017,7 +4853,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #1f2d40; @@ -5056,7 +4891,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 { @@ -5087,7 +4922,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 { @@ -5101,7 +4936,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 { @@ -5112,7 +4947,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 { @@ -5129,7 +4964,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5304,7 +5138,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 { @@ -5318,7 +5152,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 { @@ -5329,7 +5163,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 { @@ -5369,7 +5203,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-slidemenu { padding: 0.25rem 0; background: #1f2d40; @@ -5412,7 +5245,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 { @@ -5426,7 +5259,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 { @@ -5437,7 +5270,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 { @@ -5484,7 +5317,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5529,7 +5361,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #304562; @@ -5600,7 +5431,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #a7d8a9; } - .p-tieredmenu { padding: 0.25rem 0; background: #1f2d40; @@ -5651,7 +5481,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 { @@ -5665,7 +5495,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 { @@ -5676,7 +5506,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 { @@ -5690,7 +5520,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5746,7 +5575,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5835,7 +5663,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5886,7 +5713,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 { @@ -5896,7 +5723,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 { @@ -5906,7 +5733,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 { @@ -5916,10 +5743,9 @@ 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; @@ -5950,7 +5776,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 { @@ -6007,7 +5833,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; @@ -6017,7 +5843,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; } @@ -6026,29 +5852,23 @@ 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; @@ -6072,7 +5892,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #304562; border-radius: 3px; @@ -6093,11 +5912,9 @@ .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; @@ -6139,7 +5956,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #304562; color: rgba(255, 255, 255, 0.87); @@ -6175,7 +5991,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6190,7 +6005,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6206,7 +6020,6 @@ color: #212529; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6228,7 +6041,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6236,7 +6048,6 @@ .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; @@ -6269,7 +6080,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -6287,14 +6097,12 @@ .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 0c4dfac199d..2da7459b725 100644 --- a/src/assets/components/themes/vela-orange/theme.css +++ b/src/assets/components/themes/vela-orange/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } - .p-autocomplete-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -435,11 +422,9 @@ background: #1f2d40; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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); @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } - .p-cascadeselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #304562; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ 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; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } - .p-dropdown-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1042,7 +1002,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #304562; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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); @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1526,7 +1449,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #304562; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1574,7 +1492,6 @@ 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; } @@ -1582,7 +1499,6 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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); @@ -1913,7 +1816,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #304562; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-button { color: #212529; background: #FFD54F; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #FFD54F; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #78909c; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #81d4fa; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #c5e1a5; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #ffe082; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2851,9 +2726,8 @@ 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); @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ 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; @@ -2990,9 +2863,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); @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-column-filter-overlay { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ 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); @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-paginator { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -3445,9 +3308,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); @@ -3458,9 +3321,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); @@ -3517,7 +3380,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #1f2d40; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #FFD54F; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .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); @@ -3989,7 +3846,6 @@ 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; @@ -4062,7 +3918,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-card { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4088,7 +3943,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1f2d40; } @@ -4112,7 +3966,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #304562; background: #1f2d40; @@ -4153,7 +4006,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #304562; padding: 1rem; @@ -4220,7 +4072,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #304562; border: 0 none; @@ -4231,7 +4082,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-splitter { border: 1px solid #304562; background: #1f2d40; @@ -4253,7 +4103,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #304562; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4322,7 +4171,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #1f2d40; border: 1px solid #304562; @@ -4333,7 +4181,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4381,7 +4228,6 @@ .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); @@ -4454,7 +4300,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4496,7 +4341,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #304562; } - .p-sidebar { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4507,7 +4351,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); @@ -4517,13 +4361,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; @@ -4537,7 +4381,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #304562; color: rgba(255, 255, 255, 0.87); @@ -4557,7 +4400,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #304562; } - .p-fileupload .p-fileupload-buttonbar { background: #1f2d40; padding: 1rem; @@ -4597,7 +4439,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #ffcd2e; color: #212529; @@ -4608,7 +4449,6 @@ color: #212529; border-color: #ffc50c; } - .p-breadcrumb { background: #1f2d40; border: 1px solid #304562; @@ -4640,7 +4480,6 @@ .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; @@ -4688,7 +4527,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 { @@ -4702,7 +4541,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 { @@ -4713,7 +4552,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 { @@ -4727,7 +4566,6 @@ 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); @@ -4751,32 +4589,31 @@ 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; @@ -4835,7 +4672,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 { @@ -4849,7 +4686,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 { @@ -4860,7 +4697,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 { @@ -4918,10 +4755,9 @@ 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; @@ -4958,7 +4794,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 { @@ -4972,7 +4808,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 { @@ -4983,7 +4819,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 { @@ -5017,7 +4853,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #1f2d40; @@ -5056,7 +4891,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 { @@ -5087,7 +4922,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 { @@ -5101,7 +4936,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 { @@ -5112,7 +4947,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 { @@ -5129,7 +4964,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5304,7 +5138,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 { @@ -5318,7 +5152,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 { @@ -5329,7 +5163,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 { @@ -5369,7 +5203,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-slidemenu { padding: 0.25rem 0; background: #1f2d40; @@ -5412,7 +5245,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 { @@ -5426,7 +5259,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 { @@ -5437,7 +5270,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 { @@ -5484,7 +5317,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5529,7 +5361,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #304562; @@ -5600,7 +5431,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #ffe284; } - .p-tieredmenu { padding: 0.25rem 0; background: #1f2d40; @@ -5651,7 +5481,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 { @@ -5665,7 +5495,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 { @@ -5676,7 +5506,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 { @@ -5690,7 +5520,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5746,7 +5575,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5835,7 +5663,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5886,7 +5713,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 { @@ -5896,7 +5723,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 { @@ -5906,7 +5733,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 { @@ -5916,10 +5743,9 @@ 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; @@ -5950,7 +5776,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 { @@ -6007,7 +5833,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; @@ -6017,7 +5843,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; } @@ -6026,29 +5852,23 @@ 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; @@ -6072,7 +5892,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #304562; border-radius: 3px; @@ -6093,11 +5912,9 @@ .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; @@ -6139,7 +5956,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #304562; color: rgba(255, 255, 255, 0.87); @@ -6175,7 +5991,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6190,7 +6005,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6206,7 +6020,6 @@ color: #212529; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6228,7 +6041,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6236,7 +6048,6 @@ .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; @@ -6269,7 +6080,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -6287,14 +6097,12 @@ .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 9761c8f19cb..b1ea9a0cdba 100644 --- a/src/assets/components/themes/vela-purple/theme.css +++ b/src/assets/components/themes/vela-purple/theme.css @@ -276,40 +276,32 @@ * { 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); @@ -321,15 +313,12 @@ 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; @@ -346,7 +335,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.5rem; } @@ -393,7 +381,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #ef9a9a; } - .p-autocomplete-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -435,11 +422,9 @@ background: #1f2d40; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #ef9a9a; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2rem; } @@ -447,23 +432,19 @@ 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; @@ -490,7 +471,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); @@ -500,13 +481,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; @@ -515,14 +496,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 { @@ -671,7 +652,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2rem; } @@ -679,12 +659,10 @@ 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; @@ -727,7 +705,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #ef9a9a; } - .p-cascadeselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -767,7 +744,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #304562; } @@ -777,11 +753,9 @@ .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; } @@ -789,7 +763,6 @@ 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; @@ -798,7 +771,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -839,11 +811,9 @@ 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; } @@ -856,15 +826,12 @@ .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; } @@ -903,11 +870,9 @@ 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; } @@ -915,26 +880,22 @@ 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; @@ -978,7 +939,6 @@ .p-dropdown.p-invalid.p-component { border-color: #ef9a9a; } - .p-dropdown-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1042,7 +1002,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #304562; } @@ -1055,11 +1014,9 @@ .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-inputgroup-addon { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -1072,68 +1029,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #ef9a9a; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2rem; } @@ -1141,11 +1090,9 @@ 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; } @@ -1153,14 +1100,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1199,11 +1144,9 @@ .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); @@ -1236,57 +1179,45 @@ 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; } - ::-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; } @@ -1296,17 +1227,14 @@ .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); @@ -1381,11 +1309,9 @@ 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; @@ -1425,11 +1351,9 @@ 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; } @@ -1437,7 +1361,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-multiselect-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -1526,7 +1449,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #304562; } @@ -1536,15 +1458,12 @@ .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; @@ -1566,7 +1485,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #c5e1a5; } - p-password.p-password-clearable .p-password-input { padding-right: 2rem; } @@ -1574,7 +1492,6 @@ 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; } @@ -1582,7 +1499,6 @@ color: rgba(255, 255, 255, 0.6); right: 2rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1620,11 +1536,9 @@ 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; } @@ -1637,11 +1551,9 @@ .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; } @@ -1672,7 +1584,6 @@ .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; @@ -1680,7 +1591,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 { @@ -1689,7 +1600,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 { @@ -1698,7 +1609,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 { @@ -1707,14 +1618,12 @@ 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; @@ -1766,7 +1675,6 @@ .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; @@ -1774,7 +1682,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 { @@ -1783,7 +1691,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 { @@ -1792,7 +1700,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 { @@ -1801,14 +1709,12 @@ 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; @@ -1845,15 +1751,12 @@ 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); @@ -1913,7 +1816,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #304562; } @@ -1923,7 +1825,6 @@ .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; } @@ -1931,7 +1832,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.357rem; } - .p-button { color: #ffffff; background: #BA68C8; @@ -2043,7 +1943,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 { @@ -2070,7 +1970,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2083,421 +1982,414 @@ .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; @@ -2521,7 +2413,6 @@ color: #BA68C8; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2533,17 +2424,14 @@ 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; @@ -2554,52 +2442,45 @@ 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; } @@ -2677,7 +2558,6 @@ .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; @@ -2706,7 +2586,6 @@ border-color: transparent; color: #78909c; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #81d4fa; @@ -2735,7 +2614,6 @@ border-color: transparent; color: #81d4fa; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #c5e1a5; @@ -2764,7 +2642,6 @@ border-color: transparent; color: #c5e1a5; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe082; @@ -2793,7 +2670,6 @@ border-color: transparent; color: #ffe082; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #ce93d8; @@ -2822,7 +2698,6 @@ border-color: transparent; color: #ce93d8; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #f48fb1; @@ -2851,9 +2726,8 @@ 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); @@ -2864,13 +2738,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; @@ -2896,7 +2770,6 @@ 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; @@ -2990,9 +2863,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); @@ -3002,17 +2875,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; @@ -3042,12 +2915,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 { @@ -3150,7 +3023,6 @@ .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; @@ -3189,12 +3061,10 @@ .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; @@ -3222,7 +3092,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3242,7 +3111,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-column-filter-overlay { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -3280,7 +3148,6 @@ 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; @@ -3309,7 +3176,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3387,7 +3253,6 @@ .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); @@ -3396,7 +3261,6 @@ 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); @@ -3435,7 +3299,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-paginator { background: #1f2d40; color: rgba(255, 255, 255, 0.6); @@ -3445,9 +3308,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); @@ -3458,9 +3321,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); @@ -3517,7 +3380,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3595,7 +3457,6 @@ .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); @@ -3604,7 +3465,6 @@ background: #1f2d40; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #BA68C8; border-radius: 50%; @@ -3616,20 +3476,19 @@ 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; @@ -3686,11 +3545,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 { @@ -3763,7 +3622,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-treetable .p-paginator-top { border-width: 1px 0 1px 0; border-radius: 0; @@ -3903,7 +3761,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 { @@ -3964,7 +3822,6 @@ .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); @@ -3989,7 +3846,6 @@ 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; @@ -4062,7 +3918,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-card { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4088,7 +3943,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #1f2d40; } @@ -4112,7 +3966,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 1px solid #304562; background: #1f2d40; @@ -4153,7 +4006,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 1px solid #304562; padding: 1rem; @@ -4220,7 +4072,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #304562; border: 0 none; @@ -4231,7 +4082,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-splitter { border: 1px solid #304562; background: #1f2d40; @@ -4253,7 +4103,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #304562; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.357rem; } @@ -4322,7 +4171,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-toolbar { background: #1f2d40; border: 1px solid #304562; @@ -4333,7 +4181,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4381,7 +4228,6 @@ .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); @@ -4454,7 +4300,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4496,7 +4341,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #304562; } - .p-sidebar { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -4507,7 +4351,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); @@ -4517,13 +4361,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; @@ -4537,7 +4381,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #304562; color: rgba(255, 255, 255, 0.87); @@ -4557,7 +4400,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #304562; } - .p-fileupload .p-fileupload-buttonbar { background: #1f2d40; padding: 1rem; @@ -4597,7 +4439,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #b052c0; color: #ffffff; @@ -4608,7 +4449,6 @@ color: #ffffff; border-color: #a241b2; } - .p-breadcrumb { background: #1f2d40; border: 1px solid #304562; @@ -4640,7 +4480,6 @@ .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; @@ -4688,7 +4527,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 { @@ -4702,7 +4541,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 { @@ -4713,7 +4552,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 { @@ -4727,7 +4566,6 @@ 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); @@ -4751,32 +4589,31 @@ 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; @@ -4835,7 +4672,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 { @@ -4849,7 +4686,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 { @@ -4860,7 +4697,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 { @@ -4918,10 +4755,9 @@ 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; @@ -4958,7 +4794,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 { @@ -4972,7 +4808,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 { @@ -4983,7 +4819,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 { @@ -5017,7 +4853,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #1f2d40; @@ -5056,7 +4891,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 { @@ -5087,7 +4922,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 { @@ -5101,7 +4936,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 { @@ -5112,7 +4947,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 { @@ -5129,7 +4964,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5304,7 +5138,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 { @@ -5318,7 +5152,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 { @@ -5329,7 +5163,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 { @@ -5369,7 +5203,6 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-slidemenu { padding: 0.25rem 0; background: #1f2d40; @@ -5412,7 +5245,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 { @@ -5426,7 +5259,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 { @@ -5437,7 +5270,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 { @@ -5484,7 +5317,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.2s; @@ -5529,7 +5361,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #304562; @@ -5600,7 +5431,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #cf95d9; } - .p-tieredmenu { padding: 0.25rem 0; background: #1f2d40; @@ -5651,7 +5481,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 { @@ -5665,7 +5495,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 { @@ -5676,7 +5506,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 { @@ -5690,7 +5520,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.5rem; margin: 0; @@ -5746,7 +5575,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 3px; @@ -5835,7 +5663,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5886,7 +5713,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 { @@ -5896,7 +5723,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 { @@ -5906,7 +5733,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 { @@ -5916,10 +5743,9 @@ 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; @@ -5950,7 +5776,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 { @@ -6007,7 +5833,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; @@ -6017,7 +5843,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; } @@ -6026,29 +5852,23 @@ 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; @@ -6072,7 +5892,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #304562; border-radius: 3px; @@ -6093,11 +5912,9 @@ .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; @@ -6139,7 +5956,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #304562; color: rgba(255, 255, 255, 0.87); @@ -6175,7 +5991,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.5rem; border-radius: 3px; @@ -6190,7 +6005,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6206,7 +6020,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6228,7 +6041,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 3px; @@ -6236,7 +6048,6 @@ .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; @@ -6269,7 +6080,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #1f2d40; color: rgba(255, 255, 255, 0.87); @@ -6287,14 +6097,12 @@ .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 3c26fd8dab7..00b5763e567 100644 --- a/src/assets/components/themes/viva-dark/theme.css +++ b/src/assets/components/themes/viva-dark/theme.css @@ -53,32 +53,28 @@ 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; @@ -306,40 +302,32 @@ * { 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); @@ -351,15 +339,12 @@ 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; @@ -376,7 +361,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -423,7 +407,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f78c79; } - .p-autocomplete-panel { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -465,11 +448,9 @@ background: #161d21; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f78c79; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -477,23 +458,19 @@ 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; @@ -520,7 +497,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); @@ -530,13 +507,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; @@ -545,14 +522,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 { @@ -701,7 +678,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -709,12 +685,10 @@ 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; @@ -757,7 +731,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f78c79; } - .p-cascadeselect-panel { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -797,7 +770,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #263238; } @@ -807,11 +779,9 @@ .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; } @@ -819,7 +789,6 @@ 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; @@ -828,7 +797,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -869,11 +837,9 @@ 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; } @@ -886,15 +852,12 @@ .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; } @@ -933,11 +896,9 @@ 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; } @@ -945,26 +906,22 @@ 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; @@ -1008,7 +965,6 @@ .p-dropdown.p-invalid.p-component { border-color: #f78c79; } - .p-dropdown-panel { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -1072,7 +1028,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-dropdown { background: #263238; } @@ -1085,11 +1040,9 @@ .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-inputgroup-addon { background: #161d21; color: rgba(255, 255, 255, 0.6); @@ -1102,68 +1055,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f78c79; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1171,11 +1116,9 @@ 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; } @@ -1183,14 +1126,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1229,11 +1170,9 @@ .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); @@ -1266,57 +1205,45 @@ 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; } - ::-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; } @@ -1326,17 +1253,14 @@ .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); @@ -1411,11 +1335,9 @@ 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; @@ -1455,11 +1377,9 @@ 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; } @@ -1467,7 +1387,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.857rem; } - .p-multiselect-panel { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -1556,7 +1475,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-multiselect { background: #263238; } @@ -1566,15 +1484,12 @@ .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; @@ -1596,7 +1511,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #cede9c; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1604,7 +1518,6 @@ 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; } @@ -1612,7 +1525,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.5rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1650,11 +1562,9 @@ 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; } @@ -1667,11 +1577,9 @@ .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; } @@ -1702,7 +1610,6 @@ .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; @@ -1710,7 +1617,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 { @@ -1719,7 +1626,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 { @@ -1728,7 +1635,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 { @@ -1737,14 +1644,12 @@ 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; @@ -1796,7 +1701,6 @@ .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; @@ -1804,7 +1708,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 { @@ -1813,7 +1717,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 { @@ -1822,7 +1726,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 { @@ -1831,14 +1735,12 @@ 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; @@ -1875,15 +1777,12 @@ 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); @@ -1943,7 +1842,6 @@ color: rgba(255, 255, 255, 0.87); background: transparent; } - .p-input-filled .p-treeselect { background: #263238; } @@ -1953,7 +1851,6 @@ .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; } @@ -1961,7 +1858,6 @@ color: rgba(255, 255, 255, 0.6); right: 2.857rem; } - .p-button { color: #121212; background: #9eade6; @@ -2073,7 +1969,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 { @@ -2100,7 +1996,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2113,421 +2008,414 @@ .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; @@ -2551,7 +2439,6 @@ color: #7f93de; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2563,17 +2450,14 @@ 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; @@ -2584,52 +2468,45 @@ 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; } @@ -2707,7 +2584,6 @@ .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; @@ -2736,7 +2612,6 @@ border-color: transparent; color: #b4bfcd; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #35a4cc; @@ -2765,7 +2640,6 @@ border-color: transparent; color: #35a4cc; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #cede9c; @@ -2794,7 +2668,6 @@ border-color: transparent; color: #cede9c; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ffe08a; @@ -2823,7 +2696,6 @@ border-color: transparent; color: #ffe08a; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #b09ce5; @@ -2852,7 +2724,6 @@ border-color: transparent; color: #b09ce5; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #e693a9; @@ -2881,9 +2752,8 @@ 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); @@ -2894,13 +2764,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; @@ -2926,7 +2796,6 @@ background: rgba(158, 173, 230, 0.16); color: #9eade6; } - .p-datatable .p-paginator-top { border-width: 0 0 2px 0; border-radius: 0; @@ -3020,9 +2889,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); @@ -3032,17 +2901,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; @@ -3072,12 +2941,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 { @@ -3180,7 +3049,6 @@ .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; @@ -3219,12 +3087,10 @@ .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; @@ -3252,7 +3118,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3272,7 +3137,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } - .p-column-filter-overlay { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -3310,7 +3174,6 @@ 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; @@ -3339,7 +3202,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3417,7 +3279,6 @@ .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); @@ -3426,7 +3287,6 @@ 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); @@ -3465,7 +3325,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } - .p-paginator { background: #161d21; color: rgba(255, 255, 255, 0.6); @@ -3475,9 +3334,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); @@ -3488,9 +3347,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); @@ -3547,7 +3406,6 @@ border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3625,7 +3483,6 @@ .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); @@ -3634,7 +3491,6 @@ background: #161d21; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #9eade6; border-radius: 50%; @@ -3646,20 +3502,19 @@ 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; @@ -3716,11 +3571,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 { @@ -3793,7 +3648,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } - .p-treetable .p-paginator-top { border-width: 0 0 2px 0; border-radius: 0; @@ -3933,7 +3787,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 { @@ -3994,7 +3848,6 @@ .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); @@ -4019,7 +3872,6 @@ 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; @@ -4092,7 +3944,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-card { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -4118,7 +3969,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #161d21; } @@ -4142,7 +3992,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 2px solid #263238; background: #161d21; @@ -4183,7 +4032,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 2px solid #263238; padding: 1rem; @@ -4250,7 +4098,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #263238; border: 0 none; @@ -4261,7 +4108,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } - .p-splitter { border: 2px solid #263238; background: #161d21; @@ -4283,7 +4129,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #263238; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.857rem; } @@ -4352,7 +4197,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-toolbar { background: #161d21; border: 2px solid #263238; @@ -4363,7 +4207,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -4411,7 +4254,6 @@ .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); @@ -4484,7 +4326,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -4526,7 +4367,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #263238; } - .p-sidebar { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -4537,7 +4377,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); @@ -4547,13 +4387,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; @@ -4567,7 +4407,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #263238; color: rgba(255, 255, 255, 0.87); @@ -4587,7 +4426,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #263238; } - .p-fileupload .p-fileupload-buttonbar { background: #161d21; padding: 1rem; @@ -4627,7 +4465,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #8fa0e2; color: #121212; @@ -4638,7 +4475,6 @@ color: #121212; border-color: #7f93de; } - .p-breadcrumb { background: #161d21; border: 2px solid #263238; @@ -4670,7 +4506,6 @@ .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; @@ -4718,7 +4553,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 { @@ -4732,7 +4567,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 { @@ -4743,7 +4578,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 { @@ -4757,7 +4592,6 @@ 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); @@ -4781,32 +4615,31 @@ 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; @@ -4865,7 +4698,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 { @@ -4879,7 +4712,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 { @@ -4890,7 +4723,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 { @@ -4948,10 +4781,9 @@ 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; @@ -4988,7 +4820,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 { @@ -5002,7 +4834,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 { @@ -5013,7 +4845,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 +4879,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #161d21; @@ -5086,7 +4917,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 { @@ -5117,7 +4948,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 { @@ -5131,7 +4962,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 { @@ -5142,7 +4973,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 { @@ -5159,7 +4990,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5334,7 +5164,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 { @@ -5348,7 +5178,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 { @@ -5359,7 +5189,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 { @@ -5399,7 +5229,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-slidemenu { padding: 0.5rem 0.5rem; background: #161d21; @@ -5442,7 +5271,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 { @@ -5456,7 +5285,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 { @@ -5467,7 +5296,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 { @@ -5514,7 +5343,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.3s; @@ -5559,7 +5387,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: transparent; border: 1px solid #263238; @@ -5630,7 +5457,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #9eade6; } - .p-tieredmenu { padding: 0.5rem 0.5rem; background: #161d21; @@ -5681,7 +5507,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 { @@ -5695,7 +5521,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 { @@ -5706,7 +5532,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 { @@ -5720,7 +5546,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; @@ -5776,7 +5601,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 6px; @@ -5865,7 +5689,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5916,7 +5739,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 { @@ -5926,7 +5749,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 { @@ -5936,7 +5759,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 { @@ -5946,10 +5769,9 @@ 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; @@ -5980,7 +5802,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 { @@ -6037,7 +5859,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; @@ -6047,7 +5869,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; } @@ -6056,29 +5878,23 @@ 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; @@ -6102,7 +5918,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #263238; border-radius: 6px; @@ -6123,11 +5938,9 @@ .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; @@ -6169,7 +5982,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #263238; color: rgba(255, 255, 255, 0.87); @@ -6205,7 +6017,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 6px; @@ -6220,7 +6031,6 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6236,7 +6046,6 @@ color: #121212; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6258,7 +6067,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: rgba(255, 255, 255, 0.06); border-radius: 6px; @@ -6266,7 +6074,6 @@ .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; @@ -6299,7 +6106,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #161d21; color: rgba(255, 255, 255, 0.87); @@ -6318,20 +6124,16 @@ .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; @@ -6342,11 +6144,9 @@ .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; @@ -6364,7 +6164,6 @@ .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; } @@ -6377,39 +6176,30 @@ .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; @@ -6428,7 +6218,6 @@ 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 f3c92374540..d298709a6cc 100644 --- a/src/assets/components/themes/viva-light/theme.css +++ b/src/assets/components/themes/viva-light/theme.css @@ -54,32 +54,28 @@ 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; @@ -307,40 +303,32 @@ * { 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); @@ -352,15 +340,12 @@ 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; @@ -377,7 +362,6 @@ background-color: transparent; } } - .p-autocomplete .p-autocomplete-loader { right: 0.75rem; } @@ -424,7 +408,6 @@ .p-autocomplete.p-invalid.p-component > .p-inputtext { border-color: #f88c79; } - .p-autocomplete-panel { background: #ffffff; color: #6c6c6c; @@ -466,11 +449,9 @@ background: #ffffff; font-weight: 600; } - p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext { border-color: #f88c79; } - p-autocomplete.p-autocomplete-clearable .p-inputtext { padding-right: 2.5rem; } @@ -478,23 +459,19 @@ 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; @@ -521,7 +498,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; @@ -531,13 +508,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; @@ -546,14 +523,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 { @@ -702,7 +679,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } - p-calendar.p-calendar-clearable .p-inputtext { padding-right: 2.5rem; } @@ -710,12 +686,10 @@ 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; @@ -758,7 +732,6 @@ .p-cascadeselect.p-invalid.p-component { border-color: #f88c79; } - .p-cascadeselect-panel { background: #ffffff; color: #6c6c6c; @@ -798,7 +771,6 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; } - .p-input-filled .p-cascadeselect { background: #f2f2f2; } @@ -808,11 +780,9 @@ .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; } @@ -820,7 +790,6 @@ color: #898989; right: 2.857rem; } - .p-overlay-modal .p-cascadeselect-sublist .p-cascadeselect-panel { box-shadow: none; border-radius: 0; @@ -829,7 +798,6 @@ .p-overlay-modal .p-cascadeselect-item-active > .p-cascadeselect-item-content .p-cascadeselect-group-icon { transform: rotate(90deg); } - .p-checkbox { width: 20px; height: 20px; @@ -870,11 +838,9 @@ 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; } @@ -887,15 +853,12 @@ .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; } @@ -934,11 +897,9 @@ 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; } @@ -946,26 +907,22 @@ 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; @@ -1009,7 +966,6 @@ .p-dropdown.p-invalid.p-component { border-color: #f88c79; } - .p-dropdown-panel { background: #ffffff; color: #6c6c6c; @@ -1073,7 +1029,6 @@ color: #6c6c6c; background: transparent; } - .p-input-filled .p-dropdown { background: #f2f2f2; } @@ -1086,11 +1041,9 @@ .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-inputgroup-addon { background: #f5f5f5; color: #898989; @@ -1103,68 +1056,60 @@ .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-inputmask.ng-dirty.ng-invalid > .p-inputtext { border-color: #f88c79; } - p-inputmask.p-inputmask-clearable .p-inputtext { padding-right: 2.5rem; } @@ -1172,11 +1117,9 @@ 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; } @@ -1184,14 +1127,12 @@ 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-inputswitch { width: 3rem; height: 1.75rem; @@ -1230,11 +1171,9 @@ .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); @@ -1267,57 +1206,45 @@ 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; } - ::-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; } @@ -1327,17 +1254,14 @@ .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; @@ -1412,11 +1336,9 @@ 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; @@ -1456,11 +1378,9 @@ 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; } @@ -1468,7 +1388,6 @@ color: #898989; right: 2.857rem; } - .p-multiselect-panel { background: #ffffff; color: #6c6c6c; @@ -1557,7 +1476,6 @@ color: #6c6c6c; background: transparent; } - .p-input-filled .p-multiselect { background: #f2f2f2; } @@ -1567,15 +1485,12 @@ .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; @@ -1597,7 +1512,6 @@ .p-password-panel .p-password-meter .p-password-strength.strong { background: #8bae2c; } - p-password.p-password-clearable .p-password-input { padding-right: 2.5rem; } @@ -1605,7 +1519,6 @@ color: #898989; right: 0.75rem; } - p-password.p-password-clearable.p-password-mask .p-password-input { padding-right: 4.25rem; } @@ -1613,7 +1526,6 @@ color: #898989; right: 2.5rem; } - .p-radiobutton { width: 20px; height: 20px; @@ -1651,11 +1563,9 @@ 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; } @@ -1668,11 +1578,9 @@ .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; } @@ -1703,7 +1611,6 @@ .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; @@ -1711,7 +1618,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 { @@ -1720,7 +1627,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 { @@ -1729,7 +1636,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 { @@ -1738,14 +1645,12 @@ 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; @@ -1797,7 +1702,6 @@ .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; @@ -1805,7 +1709,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 { @@ -1814,7 +1718,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 { @@ -1823,7 +1727,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 { @@ -1832,14 +1736,12 @@ 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; @@ -1876,15 +1778,12 @@ 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; @@ -1944,7 +1843,6 @@ color: #6c6c6c; background: transparent; } - .p-input-filled .p-treeselect { background: #f2f2f2; } @@ -1954,7 +1852,6 @@ .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; } @@ -1962,7 +1859,6 @@ color: #898989; right: 2.857rem; } - .p-button { color: #ffffff; background: #5472d4; @@ -2074,7 +1970,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 { @@ -2101,7 +1997,6 @@ .p-button.p-button-loading-label-only .p-button-loading-icon { margin-right: 0; } - .p-fluid .p-button { width: 100%; } @@ -2114,421 +2009,414 @@ .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; @@ -2552,7 +2440,6 @@ color: #3c5ece; border-color: transparent; } - .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; height: 4rem; @@ -2564,17 +2451,14 @@ 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; @@ -2585,52 +2469,45 @@ 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; } @@ -2708,7 +2585,6 @@ .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; @@ -2737,7 +2613,6 @@ border-color: transparent; color: #8191a6; } - .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; color: #35a4cc; @@ -2766,7 +2641,6 @@ border-color: transparent; color: #35a4cc; } - .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; color: #8bae2c; @@ -2795,7 +2669,6 @@ border-color: transparent; color: #8bae2c; } - .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; color: #ff922a; @@ -2824,7 +2697,6 @@ border-color: transparent; color: #ff922a; } - .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; color: #7654d4; @@ -2853,7 +2725,6 @@ border-color: transparent; color: #7654d4; } - .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; color: #d45472; @@ -2882,9 +2753,8 @@ 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; @@ -2895,13 +2765,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; @@ -2927,7 +2797,6 @@ background: #ced6f1; color: #585858; } - .p-datatable .p-paginator-top { border-width: 0 0 2px 0; border-radius: 0; @@ -3021,9 +2890,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; @@ -3033,17 +2902,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; @@ -3073,12 +2942,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 { @@ -3181,7 +3050,6 @@ .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; @@ -3220,12 +3088,10 @@ .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; @@ -3253,7 +3119,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } - .p-column-filter-clear-button { width: 2rem; height: 2rem; @@ -3273,7 +3138,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } - .p-column-filter-overlay { background: #ffffff; color: #6c6c6c; @@ -3311,7 +3175,6 @@ 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; @@ -3340,7 +3203,6 @@ .p-column-filter-overlay-menu .p-column-filter-buttonbar { padding: 1rem; } - .p-orderlist .p-orderlist-controls { padding: 1rem; } @@ -3418,7 +3280,6 @@ .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); @@ -3427,7 +3288,6 @@ background: #ffffff; margin: 0; } - .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #edf0fa; color: #6c6c6c; @@ -3466,7 +3326,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } - .p-paginator { background: #ffffff; color: #898989; @@ -3476,9 +3335,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; @@ -3489,9 +3348,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; @@ -3548,7 +3407,6 @@ border-color: transparent; color: #6c6c6c; } - .p-picklist .p-picklist-buttons { padding: 1rem; } @@ -3626,7 +3484,6 @@ .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); @@ -3635,7 +3492,6 @@ background: #ffffff; margin: 0; } - .p-timeline .p-timeline-event-marker { border: 2px solid #5472d4; border-radius: 50%; @@ -3647,20 +3503,19 @@ 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; @@ -3717,11 +3572,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 { @@ -3794,7 +3649,6 @@ 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; @@ -3934,7 +3788,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 { @@ -3995,7 +3849,6 @@ .p-treetable.p-treetable-lg .p-treetable-footer { padding: 1.25rem 1.25rem; } - .p-virtualscroller .p-virtualscroller-header { background: #ffffff; color: #6c6c6c; @@ -4020,7 +3873,6 @@ 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; @@ -4093,7 +3945,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-card { background: #ffffff; color: #6c6c6c; @@ -4119,7 +3970,6 @@ .p-card .p-card-footer { padding: 1rem 0 0 0; } - .p-divider .p-divider-content { background-color: #ffffff; } @@ -4143,7 +3993,6 @@ .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } - .p-fieldset { border: 2px solid #ebebeb; background: #ffffff; @@ -4184,7 +4033,6 @@ .p-fieldset .p-fieldset-content { padding: 1rem; } - .p-panel .p-panel-header { border: 2px solid #ebebeb; padding: 1rem; @@ -4251,7 +4099,6 @@ width: 100%; text-align: center; } - .p-scrollpanel .p-scrollpanel-bar { background: #f5f5f5; border: 0 none; @@ -4262,7 +4109,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } - .p-splitter { border: 2px solid #ebebeb; background: #ffffff; @@ -4284,7 +4130,6 @@ .p-splitter .p-splitter-gutter-resizing { background: #ebebeb; } - .p-tabview .p-tabview-nav-content { scroll-padding-inline: 2.857rem; } @@ -4353,7 +4198,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-toolbar { background: #ffffff; border: 2px solid #ebebeb; @@ -4364,7 +4208,6 @@ .p-toolbar .p-toolbar-separator { margin: 0 0.5rem; } - .p-confirm-popup { background: #ffffff; color: #6c6c6c; @@ -4412,7 +4255,6 @@ .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); @@ -4485,7 +4327,6 @@ .p-dialog.p-confirm-dialog .p-confirm-dialog-message { margin-left: 1rem; } - .p-overlaypanel { background: #ffffff; color: #6c6c6c; @@ -4527,7 +4368,6 @@ .p-overlaypanel.p-overlaypanel-flipped:before { border-top-color: #ffffff; } - .p-sidebar { background: #ffffff; color: #6c6c6c; @@ -4538,7 +4378,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; @@ -4548,13 +4388,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; @@ -4568,7 +4408,6 @@ .p-sidebar .p-sidebar-footer { padding: 1rem; } - .p-tooltip .p-tooltip-text { background: #585858; color: #ffffff; @@ -4588,7 +4427,6 @@ .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { border-bottom-color: #585858; } - .p-fileupload .p-fileupload-buttonbar { background: #ffffff; padding: 1rem; @@ -4628,7 +4466,6 @@ .p-fileupload.p-fileupload-advanced .p-message { margin-top: 0; } - .p-fileupload-choose:not(.p-disabled):hover { background: #4868d1; color: #ffffff; @@ -4639,7 +4476,6 @@ color: #ffffff; border-color: #3c5ece; } - .p-breadcrumb { background: #ffffff; border: 2px solid #ebebeb; @@ -4671,7 +4507,6 @@ .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { color: #898989; } - .p-contextmenu { padding: 0.5rem 0.5rem; background: #ffffff; @@ -4719,7 +4554,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 { @@ -4733,7 +4568,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 { @@ -4744,7 +4579,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 { @@ -4758,7 +4593,6 @@ 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); @@ -4782,32 +4616,31 @@ 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; @@ -4866,7 +4699,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 { @@ -4880,7 +4713,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 { @@ -4891,7 +4724,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 { @@ -4949,10 +4782,9 @@ 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; @@ -4989,7 +4821,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 { @@ -5003,7 +4835,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 { @@ -5014,7 +4846,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 { @@ -5048,7 +4880,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-menubar { padding: 0.5rem; background: #f5f5f5; @@ -5087,7 +4918,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 { @@ -5118,7 +4949,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 { @@ -5132,7 +4963,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 { @@ -5143,7 +4974,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 { @@ -5160,7 +4991,6 @@ .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - @media screen and (max-width: 960px) { .p-menubar { position: relative; @@ -5335,7 +5165,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 { @@ -5349,7 +5179,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 { @@ -5360,7 +5190,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 { @@ -5400,7 +5230,6 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-slidemenu { padding: 0.5rem 0.5rem; background: #ffffff; @@ -5443,7 +5272,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 { @@ -5457,7 +5286,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 { @@ -5468,7 +5297,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 { @@ -5515,7 +5344,6 @@ padding-left: 0.5rem; padding-right: 0.5rem; } - .p-steps .p-steps-item .p-menuitem-link { background: transparent; transition: box-shadow 0.3s; @@ -5560,7 +5388,6 @@ position: absolute; margin-top: -1rem; } - .p-tabmenu .p-tabmenu-nav { background: #ffffff; border: 1px solid #ebebeb; @@ -5631,7 +5458,6 @@ outline-offset: 0; box-shadow: inset 0 0 0 0.1rem #bbc7ee; } - .p-tieredmenu { padding: 0.5rem 0.5rem; background: #ffffff; @@ -5682,7 +5508,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 { @@ -5696,7 +5522,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 { @@ -5707,7 +5533,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 { @@ -5721,7 +5547,6 @@ width: 0.875rem; height: 0.875rem; } - .p-inline-message { padding: 0.5rem 0.75rem; margin: 0; @@ -5777,7 +5602,6 @@ .p-inline-message.p-inline-message-icon-only .p-inline-message-icon { margin-right: 0; } - .p-message { margin: 1rem 0; border-radius: 6px; @@ -5866,7 +5690,6 @@ .p-message .p-message-detail { margin-left: 0.5rem; } - .p-toast { opacity: 0.9; } @@ -5917,7 +5740,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 { @@ -5927,7 +5750,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 { @@ -5937,7 +5760,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 { @@ -5947,10 +5770,9 @@ 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; @@ -5981,7 +5803,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 { @@ -6038,7 +5860,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; @@ -6048,7 +5870,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; } @@ -6057,29 +5879,23 @@ 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; @@ -6103,7 +5919,6 @@ width: 1.5rem; height: 1.5rem; } - .p-avatar { background-color: #ebebeb; border-radius: 6px; @@ -6124,11 +5939,9 @@ .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; @@ -6170,7 +5983,6 @@ height: 3rem; line-height: 3rem; } - .p-chip { background-color: #ebebeb; color: #6c6c6c; @@ -6206,7 +6018,6 @@ .p-chip .pi-chip-remove-icon:focus { outline: 0 none; } - .p-inplace .p-inplace-display { padding: 0.5rem 0.75rem; border-radius: 6px; @@ -6221,7 +6032,6 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } - .p-progressbar { border: 0 none; height: 1.5rem; @@ -6237,7 +6047,6 @@ color: #ffffff; line-height: 1.5rem; } - .p-scrolltop { width: 3rem; height: 3rem; @@ -6259,7 +6068,6 @@ width: 1.5rem; height: 1.5rem; } - .p-skeleton { background-color: #ebebeb; border-radius: 6px; @@ -6267,7 +6075,6 @@ .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; @@ -6300,7 +6107,6 @@ width: 0.75rem; height: 0.75rem; } - .p-terminal { background: #ffffff; color: #6c6c6c; @@ -6319,20 +6125,16 @@ .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; @@ -6343,11 +6145,9 @@ .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; @@ -6365,7 +6165,6 @@ .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; } @@ -6378,39 +6177,30 @@ .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; @@ -6429,7 +6219,6 @@ 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; }