diff --git a/components/lib/ripple/Ripple.js b/components/lib/ripple/Ripple.js index 09007cb2ad..df43abbc19 100644 --- a/components/lib/ripple/Ripple.js +++ b/components/lib/ripple/Ripple.js @@ -6,6 +6,7 @@ import { RippleBase } from './RippleBase'; export const Ripple = React.memo( React.forwardRef((inProps, ref) => { + const [isMounted, setMounted] = React.useState(false); const inkRef = React.useRef(null); const targetRef = React.useRef(null); const context = React.useContext(PrimeReactContext); @@ -78,12 +79,17 @@ export const Ripple = React.memo( })); useMountEffect(() => { - if (inkRef.current) { + // for App Router in Next.js ^14 + setMounted(true); + }); + + useUpdateEffect(() => { + if (isMounted && inkRef.current) { targetRef.current = getTarget(); setDimensions(); bindEvents(); } - }); + }, [isMounted]); useUpdateEffect(() => { if (inkRef.current && !targetRef.current) { diff --git a/components/lib/utils/ObjectUtils.js b/components/lib/utils/ObjectUtils.js index 2bcc3b0cc2..dfe7f58d3b 100644 --- a/components/lib/utils/ObjectUtils.js +++ b/components/lib/utils/ObjectUtils.js @@ -222,7 +222,13 @@ export default class ObjectUtils { static isValidChild(child, type, validTypes) { /* eslint-disable */ if (child) { - const childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined); + let childType = this.getComponentProp(child, '__TYPE') || (child.type ? child.type.displayName : undefined); + + // for App Router in Next.js ^14, + if (!childType && child?.type?._payload?.value) { + childType = child.type._payload.value.find((v) => v === type); + } + const isValid = childType === type; try { diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 5a95e76ab2..b5faf0578f 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#383838; - --surface-e:#1e1e1e; - --surface-f:#1e1e1e; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#64B5F6; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #383838; + --surface-e: #1e1e1e; + --surface-f: #1e1e1e; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #64b5f6; + --primary-color-text: #212529; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -22,7 +24,7 @@ --surface-700: #d0d0d0; --surface-800: #e7e7e7; --surface-900: #ffffff; - --gray-50:#e7e7e7; + --gray-50: #e7e7e7; --gray-100: #d0d0d0; --gray-200: #b8b8b8; --gray-300: #a0a0a0; @@ -32,15 +34,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#1e1e1e; - --surface-border:#383838; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #1e1e1e; + --surface-border: #383838; + --surface-hover: rgba(255, 255, 255, 0.03); --maskbg: rgba(0, 0, 0, 0.4); --focus-ring: 0 0 0 1px #93cbf9; --highlight-bg: rgba(100, 181, 246, 0.16); @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #64B5F6; + color: #64b5f6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #64B5F6; + stroke: #64b5f6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #64B5F6; + fill: #64b5f6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #64B5F6; + color: #64b5f6; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #64B5F6; + color: #64b5f6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -509,7 +511,7 @@ } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -735,8 +737,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #64B5F6; - background: #64B5F6; + border-color: #64b5f6; + background: #64b5f6; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #2396f2; @@ -744,13 +746,13 @@ color: #212529; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #2396f2; @@ -764,7 +766,7 @@ background-color: #383838; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #64B5F6; + background: #64b5f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #383838; @@ -777,13 +779,13 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; @@ -831,13 +833,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -1038,7 +1040,7 @@ background: rgba(255, 255, 255, 0.03); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #64B5F6; + background: #64b5f6; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: rgba(255, 255, 255, 0.87); @@ -1062,13 +1064,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-inputtext.p-invalid.p-component { border-color: #ef9a9a; @@ -1234,13 +1236,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.5rem; @@ -1395,13 +1397,13 @@ background: #383838; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } .p-radiobutton { width: 20px; @@ -1417,13 +1419,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1432,8 +1434,8 @@ background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #64B5F6; - background: #64B5F6; + border-color: #64b5f6; + background: #64b5f6; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #2396f2; @@ -1453,7 +1455,7 @@ background-color: #383838; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #64B5F6; + background: #64b5f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #2396f2; @@ -1471,7 +1473,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1479,13 +1481,13 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #64B5F6; + color: #64b5f6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #64B5F6; + color: #64b5f6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1e1e1e; @@ -1507,8 +1509,8 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #64B5F6; - border-color: #64B5F6; + background: #64b5f6; + border-color: #64b5f6; color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1550,7 +1552,7 @@ height: 1.143rem; width: 1.143rem; background: #383838; - border: 2px solid #64B5F6; + border: 2px solid #64b5f6; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1560,11 +1562,11 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-slider .p-slider-range { - background: #64B5F6; + background: #64b5f6; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #64B5F6; - border-color: #64B5F6; + background: #64b5f6; + border-color: #64b5f6; } .p-treeselect { background: #121212; @@ -1573,13 +1575,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.5rem; @@ -1703,8 +1705,8 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #64B5F6; - border-color: #64B5F6; + background: #64b5f6; + border-color: #64b5f6; color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1725,8 +1727,8 @@ } .p-button { color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; + background: #64b5f6; + border: 1px solid #64b5f6; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1744,17 +1746,17 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #64B5F6; + color: #64b5f6; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); - color: #64B5F6; + color: #64b5f6; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 181, 246, 0.16); - color: #64B5F6; + color: #64b5f6; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1771,17 +1773,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(100, 181, 246, 0.16); - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1820,7 +1822,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #64B5F6; + color: #64b5f6; background-color: #212529; } .p-button.p-button-raised { @@ -1884,8 +1886,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #69838f; @@ -1902,38 +1904,38 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + 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-fileupload-choose.p-button-info:not(:disabled):hover { background: #5dc8f9; @@ -1950,38 +1952,38 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + 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-fileupload-choose.p-button-success:not(:disabled):hover { background: #b2d788; @@ -1998,38 +2000,38 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { background: #ffd65c; @@ -2046,38 +2048,38 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { background: #c278ce; @@ -2094,38 +2096,38 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { background: #f16c98; @@ -2142,42 +2144,42 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { - color: #64B5F6; + color: #64b5f6; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2190,7 +2192,7 @@ } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-splitbutton { @@ -2198,16 +2200,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #64B5F6; + color: #64b5f6; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); - color: #64B5F6; + color: #64b5f6; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 181, 246, 0.16); - color: #64B5F6; + color: #64b5f6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); @@ -2223,17 +2225,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 181, 246, 0.16); - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2281,171 +2283,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2620,17 +2622,17 @@ } .p-datatable .p-sortable-column.p-highlight { background: #1e1e1e; - color: #64B5F6; + color: #64b5f6; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #64B5F6; + color: #64b5f6; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: rgba(255, 255, 255, 0.03); - color: #64B5F6; + color: #64b5f6; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #64B5F6; + color: #64b5f6; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #93cbf9; @@ -2720,7 +2722,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #64B5F6; + background: #64b5f6; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -3071,6 +3073,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3084,15 +3087,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); } @@ -3440,10 +3445,10 @@ } .p-treetable .p-sortable-column.p-highlight { background: #1e1e1e; - color: #64B5F6; + color: #64b5f6; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #64B5F6; + color: #64b5f6; } .p-treetable .p-treetable-tbody > tr { background: #1e1e1e; @@ -3504,7 +3509,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #64B5F6; + background: #64b5f6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3585,7 +3590,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #64B5F6; + border: 2px solid #64b5f6; border-radius: 50%; width: 1rem; height: 1rem; @@ -3807,19 +3812,15 @@ border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3842,6 +3843,11 @@ background: #383838; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #383838; @@ -3870,20 +3876,20 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1e1e1e; - border-color: #64B5F6; + border-color: #64b5f6; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1e1e1e; - border-color: #64B5F6; - color: #64B5F6; + border-color: #64b5f6; + color: #64b5f6; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #1e1e1e; - color: #64B5F6; + color: #64b5f6; width: 2.357rem; 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); border-radius: 0; @@ -4044,7 +4050,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #64B5F6; + background: #64b5f6; color: #212529; width: 2rem; height: 2rem; @@ -4200,142 +4206,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .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-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - 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); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4344,101 +4376,72 @@ border: 1px solid #383838; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .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.09); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .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-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } .p-megamenu .p-megamenu-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -4447,23 +4450,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4484,8 +4478,36 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4508,39 +4530,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4573,39 +4617,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #1e1e1e; @@ -4632,89 +4698,94 @@ border: 1px solid #383838; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4724,25 +4795,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4789,39 +4905,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4870,42 +5008,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; + box-shadow: inset 0 0 0 1px #93cbf9; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #383838; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1e1e1e; border-color: #383838; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #383838; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4921,66 +5063,95 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .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-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @@ -4996,39 +5167,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #1e1e1e; @@ -5141,13 +5334,13 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1e1e1e; - border-color: #64B5F6; + border-color: #64b5f6; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1e1e1e; - border-color: #64B5F6; - color: #64B5F6; + border-color: #64b5f6; + color: #64b5f6; } .p-tieredmenu { padding: 0.25rem 0; @@ -5157,67 +5350,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .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.09); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - 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-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-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5229,7 +5437,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5238,7 +5446,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5247,7 +5455,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5256,7 +5464,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5301,7 +5509,7 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5313,7 +5521,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5325,7 +5533,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5337,7 +5545,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5410,7 +5618,7 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5420,7 +5628,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5430,7 +5638,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5440,7 +5648,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5691,7 +5899,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } .p-tag { - background: #64B5F6; + background: #64b5f6; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5699,19 +5907,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { @@ -5745,7 +5953,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #64B5F6; + background: #64b5f6; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5763,7 +5971,7 @@ font-size: 1rem; } .p-badge { - background: #64B5F6; + background: #64b5f6; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5772,23 +5980,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -5804,7 +6012,7 @@ line-height: 3rem; } .p-tag { - background: #64B5F6; + background: #64b5f6; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5812,37 +6020,37 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } } /* Customizations to the designer theme should be defined here */ @layer primereact { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #64B5F6; + background-color: #64b5f6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #64B5F6; + background-color: #64b5f6; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #64B5F6; + background: #64b5f6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #64B5F6; + box-shadow: inset 0 2px 0 0 #64b5f6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #64B5F6; + box-shadow: inset 0 -2px 0 0 #64b5f6; } } diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 4b3eb86479..d854784183 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#383838; - --surface-e:#1e1e1e; - --surface-f:#1e1e1e; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#81C784; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #383838; + --surface-e: #1e1e1e; + --surface-f: #1e1e1e; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #81c784; + --primary-color-text: #212529; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -22,7 +24,7 @@ --surface-700: #d0d0d0; --surface-800: #e7e7e7; --surface-900: #ffffff; - --gray-50:#e7e7e7; + --gray-50: #e7e7e7; --gray-100: #d0d0d0; --gray-200: #b8b8b8; --gray-300: #a0a0a0; @@ -32,15 +34,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#1e1e1e; - --surface-border:#383838; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #1e1e1e; + --surface-border: #383838; + --surface-hover: rgba(255, 255, 255, 0.03); --maskbg: rgba(0, 0, 0, 0.4); --focus-ring: 0 0 0 1px #a7d8a9; --highlight-bg: rgba(129, 199, 132, 0.16); @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #81C784; + color: #81c784; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #81C784; + stroke: #81c784; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #81C784; + fill: #81c784; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #81C784; + color: #81c784; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #81C784; + border-color: #81c784; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #81C784; + color: #81c784; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -509,7 +511,7 @@ } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #81C784; + color: #81c784; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #81C784; + border-color: #81c784; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -735,8 +737,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #81C784; - background: #81C784; + border-color: #81c784; + background: #81c784; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #54b358; @@ -744,13 +746,13 @@ color: #212529; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #81C784; + border-color: #81c784; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #54b358; @@ -764,7 +766,7 @@ background-color: #383838; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #81C784; + background: #81c784; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #383838; @@ -777,13 +779,13 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #81C784; + border-color: #81c784; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; @@ -831,13 +833,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #81C784; + border-color: #81c784; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -1038,7 +1040,7 @@ background: rgba(255, 255, 255, 0.03); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #81C784; + background: #81c784; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: rgba(255, 255, 255, 0.87); @@ -1062,13 +1064,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #81C784; + border-color: #81c784; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-inputtext.p-invalid.p-component { border-color: #ef9a9a; @@ -1234,13 +1236,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #81C784; + border-color: #81c784; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.5rem; @@ -1395,13 +1397,13 @@ background: #383838; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } .p-radiobutton { width: 20px; @@ -1417,13 +1419,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #81C784; + border-color: #81c784; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1432,8 +1434,8 @@ background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #81C784; - background: #81C784; + border-color: #81c784; + background: #81c784; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #54b358; @@ -1453,7 +1455,7 @@ background-color: #383838; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #81C784; + background: #81c784; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #54b358; @@ -1471,7 +1473,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1479,13 +1481,13 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #81C784; + color: #81c784; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #81C784; + color: #81c784; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1e1e1e; @@ -1507,8 +1509,8 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #81C784; - border-color: #81C784; + background: #81c784; + border-color: #81c784; color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1550,7 +1552,7 @@ height: 1.143rem; width: 1.143rem; background: #383838; - border: 2px solid #81C784; + border: 2px solid #81c784; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1560,11 +1562,11 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-slider .p-slider-range { - background: #81C784; + background: #81c784; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #81C784; - border-color: #81C784; + background: #81c784; + border-color: #81c784; } .p-treeselect { background: #121212; @@ -1573,13 +1575,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #81C784; + border-color: #81c784; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.5rem; @@ -1703,8 +1705,8 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #81C784; - border-color: #81C784; + background: #81c784; + border-color: #81c784; color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1725,8 +1727,8 @@ } .p-button { color: #212529; - background: #81C784; - border: 1px solid #81C784; + background: #81c784; + border: 1px solid #81c784; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1744,17 +1746,17 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #81C784; + color: #81c784; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); - color: #81C784; + color: #81c784; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 199, 132, 0.16); - color: #81C784; + color: #81c784; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1771,17 +1773,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #81C784; + color: #81c784; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); - color: #81C784; + color: #81c784; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(129, 199, 132, 0.16); - color: #81C784; + color: #81c784; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1820,7 +1822,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #81C784; + color: #81c784; background-color: #212529; } .p-button.p-button-raised { @@ -1884,8 +1886,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #69838f; @@ -1902,38 +1904,38 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + 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-fileupload-choose.p-button-info:not(:disabled):hover { background: #5dc8f9; @@ -1950,38 +1952,38 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + 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-fileupload-choose.p-button-success:not(:disabled):hover { background: #b2d788; @@ -1998,38 +2000,38 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { background: #ffd65c; @@ -2046,38 +2048,38 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { background: #c278ce; @@ -2094,38 +2096,38 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { background: #f16c98; @@ -2142,42 +2144,42 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { - color: #81C784; + color: #81c784; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #81C784; + color: #81c784; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2190,7 +2192,7 @@ } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #81C784; + color: #81c784; border-color: transparent; } .p-splitbutton { @@ -2198,16 +2200,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #81C784; + color: #81c784; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); - color: #81C784; + color: #81c784; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 199, 132, 0.16); - color: #81C784; + color: #81c784; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); @@ -2223,17 +2225,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #81C784; + color: #81c784; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); - color: #81C784; + color: #81c784; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 199, 132, 0.16); - color: #81C784; + color: #81c784; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2281,171 +2283,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2620,17 +2622,17 @@ } .p-datatable .p-sortable-column.p-highlight { background: #1e1e1e; - color: #81C784; + color: #81c784; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #81C784; + color: #81c784; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: rgba(255, 255, 255, 0.03); - color: #81C784; + color: #81c784; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #81C784; + color: #81c784; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #a7d8a9; @@ -2720,7 +2722,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #81C784; + background: #81c784; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -3071,6 +3073,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3084,15 +3087,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); } @@ -3440,10 +3445,10 @@ } .p-treetable .p-sortable-column.p-highlight { background: #1e1e1e; - color: #81C784; + color: #81c784; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #81C784; + color: #81c784; } .p-treetable .p-treetable-tbody > tr { background: #1e1e1e; @@ -3504,7 +3509,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #81C784; + background: #81c784; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3585,7 +3590,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #81C784; + border: 2px solid #81c784; border-radius: 50%; width: 1rem; height: 1rem; @@ -3807,19 +3812,15 @@ border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3842,6 +3843,11 @@ background: #383838; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #383838; @@ -3870,20 +3876,20 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1e1e1e; - border-color: #81C784; + border-color: #81c784; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1e1e1e; - border-color: #81C784; - color: #81C784; + border-color: #81c784; + color: #81c784; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #1e1e1e; - color: #81C784; + color: #81c784; width: 2.357rem; 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); border-radius: 0; @@ -4044,7 +4050,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #81C784; + background: #81c784; color: #212529; width: 2rem; height: 2rem; @@ -4200,142 +4206,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .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-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - 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); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4344,101 +4376,72 @@ border: 1px solid #383838; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .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.09); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .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-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } .p-megamenu .p-megamenu-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -4447,23 +4450,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4484,8 +4478,36 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4508,39 +4530,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4573,39 +4617,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #1e1e1e; @@ -4632,89 +4698,94 @@ border: 1px solid #383838; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4724,25 +4795,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4789,39 +4905,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4870,42 +5008,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; + box-shadow: inset 0 0 0 1px #a7d8a9; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #383838; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1e1e1e; border-color: #383838; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #383838; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4921,66 +5063,95 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .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-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @@ -4996,39 +5167,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #1e1e1e; @@ -5141,13 +5334,13 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1e1e1e; - border-color: #81C784; + border-color: #81c784; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1e1e1e; - border-color: #81C784; - color: #81C784; + border-color: #81c784; + color: #81c784; } .p-tieredmenu { padding: 0.25rem 0; @@ -5157,67 +5350,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .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.09); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - 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-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-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5229,7 +5437,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5238,7 +5446,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5247,7 +5455,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5256,7 +5464,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5301,7 +5509,7 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5313,7 +5521,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5325,7 +5533,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5337,7 +5545,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5410,7 +5618,7 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5420,7 +5628,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5430,7 +5638,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5440,7 +5648,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5691,7 +5899,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } .p-tag { - background: #81C784; + background: #81c784; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5699,19 +5907,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { @@ -5745,7 +5953,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #81C784; + background: #81c784; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5763,7 +5971,7 @@ font-size: 1rem; } .p-badge { - background: #81C784; + background: #81c784; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5772,23 +5980,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -5804,7 +6012,7 @@ line-height: 3rem; } .p-tag { - background: #81C784; + background: #81c784; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5812,37 +6020,37 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } } /* Customizations to the designer theme should be defined here */ @layer primereact { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #81C784; + background-color: #81c784; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #81C784; + background-color: #81c784; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #81C784; + background: #81c784; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #81C784; + box-shadow: inset 0 2px 0 0 #81c784; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #81C784; + box-shadow: inset 0 -2px 0 0 #81c784; } } diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index 441729a3bb..af7e1e3685 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#383838; - --surface-e:#1e1e1e; - --surface-f:#1e1e1e; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#FFD54F; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #383838; + --surface-e: #1e1e1e; + --surface-f: #1e1e1e; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #ffd54f; + --primary-color-text: #212529; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -22,7 +24,7 @@ --surface-700: #d0d0d0; --surface-800: #e7e7e7; --surface-900: #ffffff; - --gray-50:#e7e7e7; + --gray-50: #e7e7e7; --gray-100: #d0d0d0; --gray-200: #b8b8b8; --gray-300: #a0a0a0; @@ -32,15 +34,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#1e1e1e; - --surface-border:#383838; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #1e1e1e; + --surface-border: #383838; + --surface-hover: rgba(255, 255, 255, 0.03); --maskbg: rgba(0, 0, 0, 0.4); --focus-ring: 0 0 0 1px #ffe284; --highlight-bg: rgba(255, 213, 79, 0.16); @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #FFD54F; + color: #ffd54f; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #FFD54F; + stroke: #ffd54f; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #FFD54F; + fill: #ffd54f; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #FFD54F; + color: #ffd54f; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #FFD54F; + color: #ffd54f; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -509,7 +511,7 @@ } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -735,8 +737,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #FFD54F; - background: #FFD54F; + border-color: #ffd54f; + background: #ffd54f; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #ffc50c; @@ -744,13 +746,13 @@ color: #212529; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #ffc50c; @@ -764,7 +766,7 @@ background-color: #383838; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #FFD54F; + background: #ffd54f; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #383838; @@ -777,13 +779,13 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; @@ -831,13 +833,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -1038,7 +1040,7 @@ background: rgba(255, 255, 255, 0.03); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #FFD54F; + background: #ffd54f; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: rgba(255, 255, 255, 0.87); @@ -1062,13 +1064,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-inputtext.p-invalid.p-component { border-color: #ef9a9a; @@ -1234,13 +1236,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.5rem; @@ -1395,13 +1397,13 @@ background: #383838; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } .p-radiobutton { width: 20px; @@ -1417,13 +1419,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1432,8 +1434,8 @@ background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #FFD54F; - background: #FFD54F; + border-color: #ffd54f; + background: #ffd54f; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #ffc50c; @@ -1453,7 +1455,7 @@ background-color: #383838; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #FFD54F; + background: #ffd54f; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #ffc50c; @@ -1471,7 +1473,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1479,13 +1481,13 @@ box-shadow: 0 0 0 1px #ffe284; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #FFD54F; + color: #ffd54f; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #FFD54F; + color: #ffd54f; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1e1e1e; @@ -1507,8 +1509,8 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #FFD54F; - border-color: #FFD54F; + background: #ffd54f; + border-color: #ffd54f; color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1550,7 +1552,7 @@ height: 1.143rem; width: 1.143rem; background: #383838; - border: 2px solid #FFD54F; + border: 2px solid #ffd54f; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1560,11 +1562,11 @@ box-shadow: 0 0 0 1px #ffe284; } .p-slider .p-slider-range { - background: #FFD54F; + background: #ffd54f; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #FFD54F; - border-color: #FFD54F; + background: #ffd54f; + border-color: #ffd54f; } .p-treeselect { background: #121212; @@ -1573,13 +1575,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.5rem; @@ -1703,8 +1705,8 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #FFD54F; - border-color: #FFD54F; + background: #ffd54f; + border-color: #ffd54f; color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1725,8 +1727,8 @@ } .p-button { color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; + background: #ffd54f; + border: 1px solid #ffd54f; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1744,17 +1746,17 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #FFD54F; + color: #ffd54f; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); - color: #FFD54F; + color: #ffd54f; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 213, 79, 0.16); - color: #FFD54F; + color: #ffd54f; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1771,17 +1773,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(255, 213, 79, 0.16); - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1820,7 +1822,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #FFD54F; + color: #ffd54f; background-color: #212529; } .p-button.p-button-raised { @@ -1884,8 +1886,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #69838f; @@ -1902,38 +1904,38 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + 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-fileupload-choose.p-button-info:not(:disabled):hover { background: #5dc8f9; @@ -1950,38 +1952,38 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + 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-fileupload-choose.p-button-success:not(:disabled):hover { background: #b2d788; @@ -1998,38 +2000,38 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { background: #ffd65c; @@ -2046,38 +2048,38 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { background: #c278ce; @@ -2094,38 +2096,38 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { background: #f16c98; @@ -2142,42 +2144,42 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { - color: #FFD54F; + color: #ffd54f; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2190,7 +2192,7 @@ } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-splitbutton { @@ -2198,16 +2200,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #FFD54F; + color: #ffd54f; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); - color: #FFD54F; + color: #ffd54f; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 213, 79, 0.16); - color: #FFD54F; + color: #ffd54f; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); @@ -2223,17 +2225,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 213, 79, 0.16); - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2281,171 +2283,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2620,17 +2622,17 @@ } .p-datatable .p-sortable-column.p-highlight { background: #1e1e1e; - color: #FFD54F; + color: #ffd54f; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #FFD54F; + color: #ffd54f; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: rgba(255, 255, 255, 0.03); - color: #FFD54F; + color: #ffd54f; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #FFD54F; + color: #ffd54f; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #ffe284; @@ -2720,7 +2722,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #FFD54F; + background: #ffd54f; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -3071,6 +3073,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3084,15 +3087,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); } @@ -3440,10 +3445,10 @@ } .p-treetable .p-sortable-column.p-highlight { background: #1e1e1e; - color: #FFD54F; + color: #ffd54f; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #FFD54F; + color: #ffd54f; } .p-treetable .p-treetable-tbody > tr { background: #1e1e1e; @@ -3504,7 +3509,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #FFD54F; + background: #ffd54f; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3585,7 +3590,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #FFD54F; + border: 2px solid #ffd54f; border-radius: 50%; width: 1rem; height: 1rem; @@ -3807,19 +3812,15 @@ border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3842,6 +3843,11 @@ background: #383838; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #383838; @@ -3870,20 +3876,20 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1e1e1e; - border-color: #FFD54F; + border-color: #ffd54f; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1e1e1e; - border-color: #FFD54F; - color: #FFD54F; + border-color: #ffd54f; + color: #ffd54f; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #1e1e1e; - color: #FFD54F; + color: #ffd54f; width: 2.357rem; 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); border-radius: 0; @@ -4044,7 +4050,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #FFD54F; + background: #ffd54f; color: #212529; width: 2rem; height: 2rem; @@ -4200,142 +4206,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .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-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - 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); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4344,101 +4376,72 @@ border: 1px solid #383838; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .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.09); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .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-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } .p-megamenu .p-megamenu-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -4447,23 +4450,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4484,8 +4478,36 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4508,39 +4530,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4573,39 +4617,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #1e1e1e; @@ -4632,89 +4698,94 @@ border: 1px solid #383838; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4724,25 +4795,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4789,39 +4905,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4870,42 +5008,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; + box-shadow: inset 0 0 0 1px #ffe284; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #383838; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1e1e1e; border-color: #383838; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #383838; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4921,66 +5063,95 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .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-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @@ -4996,39 +5167,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #1e1e1e; @@ -5141,13 +5334,13 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1e1e1e; - border-color: #FFD54F; + border-color: #ffd54f; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1e1e1e; - border-color: #FFD54F; - color: #FFD54F; + border-color: #ffd54f; + color: #ffd54f; } .p-tieredmenu { padding: 0.25rem 0; @@ -5157,67 +5350,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .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.09); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - 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-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-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5229,7 +5437,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5238,7 +5446,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5247,7 +5455,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5256,7 +5464,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5301,7 +5509,7 @@ box-shadow: 0 0 0 1px #ffe284; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5313,7 +5521,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5325,7 +5533,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5337,7 +5545,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5410,7 +5618,7 @@ box-shadow: 0 0 0 1px #ffe284; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5420,7 +5628,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5430,7 +5638,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5440,7 +5648,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5691,7 +5899,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } .p-tag { - background: #FFD54F; + background: #ffd54f; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5699,19 +5907,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { @@ -5745,7 +5953,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #FFD54F; + background: #ffd54f; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5763,7 +5971,7 @@ font-size: 1rem; } .p-badge { - background: #FFD54F; + background: #ffd54f; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5772,23 +5980,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -5804,7 +6012,7 @@ line-height: 3rem; } .p-tag { - background: #FFD54F; + background: #ffd54f; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5812,37 +6020,37 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } } /* Customizations to the designer theme should be defined here */ @layer primereact { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #FFD54F; + background-color: #ffd54f; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #FFD54F; + background-color: #ffd54f; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFD54F; + background: #ffd54f; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #FFD54F; + box-shadow: inset 0 2px 0 0 #ffd54f; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #FFD54F; + box-shadow: inset 0 -2px 0 0 #ffd54f; } } diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index 06e39ee28a..5303f937da 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#383838; - --surface-e:#1e1e1e; - --surface-f:#1e1e1e; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#BA68C8; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #383838; + --surface-e: #1e1e1e; + --surface-f: #1e1e1e; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #ba68c8; + --primary-color-text: #ffffff; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -22,7 +24,7 @@ --surface-700: #d0d0d0; --surface-800: #e7e7e7; --surface-900: #ffffff; - --gray-50:#e7e7e7; + --gray-50: #e7e7e7; --gray-100: #d0d0d0; --gray-200: #b8b8b8; --gray-300: #a0a0a0; @@ -32,15 +34,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#1e1e1e; - --surface-border:#383838; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #1e1e1e; + --surface-border: #383838; + --surface-hover: rgba(255, 255, 255, 0.03); --maskbg: rgba(0, 0, 0, 0.4); --focus-ring: 0 0 0 1px #cf95d9; --highlight-bg: rgba(186, 104, 200, 0.16); @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #BA68C8; + color: #ba68c8; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #BA68C8; + stroke: #ba68c8; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #BA68C8; + fill: #ba68c8; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #BA68C8; + color: #ba68c8; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #BA68C8; + color: #ba68c8; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -509,7 +511,7 @@ } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -735,8 +737,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #BA68C8; - background: #BA68C8; + border-color: #ba68c8; + background: #ba68c8; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #a241b2; @@ -744,13 +746,13 @@ color: #ffffff; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #a241b2; @@ -764,7 +766,7 @@ background-color: #383838; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #BA68C8; + background: #ba68c8; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #383838; @@ -777,13 +779,13 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; @@ -831,13 +833,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -1038,7 +1040,7 @@ background: rgba(255, 255, 255, 0.03); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #BA68C8; + background: #ba68c8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: rgba(255, 255, 255, 0.87); @@ -1062,13 +1064,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-inputtext.p-invalid.p-component { border-color: #ef9a9a; @@ -1234,13 +1236,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.5rem; @@ -1395,13 +1397,13 @@ background: #383838; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } .p-radiobutton { width: 20px; @@ -1417,13 +1419,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1432,8 +1434,8 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #BA68C8; - background: #BA68C8; + border-color: #ba68c8; + background: #ba68c8; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #a241b2; @@ -1453,7 +1455,7 @@ background-color: #383838; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #BA68C8; + background: #ba68c8; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #a241b2; @@ -1471,7 +1473,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1479,13 +1481,13 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #BA68C8; + color: #ba68c8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #BA68C8; + color: #ba68c8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1e1e1e; @@ -1507,8 +1509,8 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #BA68C8; - border-color: #BA68C8; + background: #ba68c8; + border-color: #ba68c8; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1550,7 +1552,7 @@ height: 1.143rem; width: 1.143rem; background: #383838; - border: 2px solid #BA68C8; + border: 2px solid #ba68c8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1560,11 +1562,11 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-slider .p-slider-range { - background: #BA68C8; + background: #ba68c8; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #BA68C8; - border-color: #BA68C8; + background: #ba68c8; + border-color: #ba68c8; } .p-treeselect { background: #121212; @@ -1573,13 +1575,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.5rem; @@ -1703,8 +1705,8 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #BA68C8; - border-color: #BA68C8; + background: #ba68c8; + border-color: #ba68c8; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1725,8 +1727,8 @@ } .p-button { color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; + background: #ba68c8; + border: 1px solid #ba68c8; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1744,17 +1746,17 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #BA68C8; + color: #ba68c8; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); - color: #BA68C8; + color: #ba68c8; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(186, 104, 200, 0.16); - color: #BA68C8; + color: #ba68c8; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1771,17 +1773,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(186, 104, 200, 0.16); - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1820,7 +1822,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #BA68C8; + color: #ba68c8; background-color: #ffffff; } .p-button.p-button-raised { @@ -1884,8 +1886,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #69838f; @@ -1902,38 +1904,38 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + 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-fileupload-choose.p-button-info:not(:disabled):hover { background: #5dc8f9; @@ -1950,38 +1952,38 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + 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-fileupload-choose.p-button-success:not(:disabled):hover { background: #b2d788; @@ -1998,38 +2000,38 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { background: #ffd65c; @@ -2046,38 +2048,38 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { background: #c278ce; @@ -2094,38 +2096,38 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { background: #f16c98; @@ -2142,42 +2144,42 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { - color: #BA68C8; + color: #ba68c8; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2190,7 +2192,7 @@ } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-splitbutton { @@ -2198,16 +2200,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #BA68C8; + color: #ba68c8; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); - color: #BA68C8; + color: #ba68c8; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(186, 104, 200, 0.16); - color: #BA68C8; + color: #ba68c8; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); @@ -2223,17 +2225,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(186, 104, 200, 0.16); - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2281,171 +2283,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2620,17 +2622,17 @@ } .p-datatable .p-sortable-column.p-highlight { background: #1e1e1e; - color: #BA68C8; + color: #ba68c8; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #BA68C8; + color: #ba68c8; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: rgba(255, 255, 255, 0.03); - color: #BA68C8; + color: #ba68c8; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #BA68C8; + color: #ba68c8; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #cf95d9; @@ -2720,7 +2722,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #BA68C8; + background: #ba68c8; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -3071,6 +3073,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3084,15 +3087,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); } @@ -3440,10 +3445,10 @@ } .p-treetable .p-sortable-column.p-highlight { background: #1e1e1e; - color: #BA68C8; + color: #ba68c8; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #BA68C8; + color: #ba68c8; } .p-treetable .p-treetable-tbody > tr { background: #1e1e1e; @@ -3504,7 +3509,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #BA68C8; + background: #ba68c8; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3585,7 +3590,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #BA68C8; + border: 2px solid #ba68c8; border-radius: 50%; width: 1rem; height: 1rem; @@ -3807,19 +3812,15 @@ border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #383838; background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3842,6 +3843,11 @@ background: #383838; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #383838; @@ -3870,20 +3876,20 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1e1e1e; - border-color: #BA68C8; + border-color: #ba68c8; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1e1e1e; - border-color: #BA68C8; - color: #BA68C8; + border-color: #ba68c8; + color: #ba68c8; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #1e1e1e; - color: #BA68C8; + color: #ba68c8; width: 2.357rem; 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); border-radius: 0; @@ -4044,7 +4050,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #BA68C8; + background: #ba68c8; color: #ffffff; width: 2rem; height: 2rem; @@ -4200,142 +4206,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .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-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - 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); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4344,101 +4376,72 @@ border: 1px solid #383838; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .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.09); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .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-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; - } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } .p-megamenu .p-megamenu-panel { background: #1e1e1e; color: rgba(255, 255, 255, 0.87); border: 1px solid #383838; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -4447,23 +4450,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4484,8 +4478,36 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4508,39 +4530,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4573,39 +4617,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #1e1e1e; @@ -4632,89 +4698,94 @@ border: 1px solid #383838; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4724,25 +4795,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4789,39 +4905,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4870,42 +5008,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #383838; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; + box-shadow: inset 0 0 0 1px #cf95d9; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #383838; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1e1e1e; border-color: #383838; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #383838; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4921,66 +5063,95 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .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.09); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .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-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #383838; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @@ -4996,39 +5167,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #1e1e1e; @@ -5141,13 +5334,13 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1e1e1e; - border-color: #BA68C8; + border-color: #ba68c8; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1e1e1e; - border-color: #BA68C8; - color: #BA68C8; + border-color: #ba68c8; + color: #ba68c8; } .p-tieredmenu { padding: 0.25rem 0; @@ -5157,67 +5350,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #1e1e1e; + border: 1px solid #383838; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1e1e1e; + border: 1px solid #383838; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .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.09); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #1e1e1e; - border: 1px solid #383838; - 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-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-submenu-list { - padding: 0.25rem 0; - background: #1e1e1e; - border: 1px solid #383838; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #383838; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5229,7 +5437,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5238,7 +5446,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5247,7 +5455,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5256,7 +5464,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5301,7 +5509,7 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5313,7 +5521,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5325,7 +5533,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5337,7 +5545,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5410,7 +5618,7 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5420,7 +5628,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5430,7 +5638,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5440,7 +5648,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5691,7 +5899,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } .p-tag { - background: #BA68C8; + background: #ba68c8; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5699,19 +5907,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { @@ -5745,7 +5953,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #BA68C8; + background: #ba68c8; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5763,7 +5971,7 @@ font-size: 1rem; } .p-badge { - background: #BA68C8; + background: #ba68c8; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5772,23 +5980,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -5804,7 +6012,7 @@ line-height: 3rem; } .p-tag { - background: #BA68C8; + background: #ba68c8; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5812,37 +6020,37 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } } /* Customizations to the designer theme should be defined here */ @layer primereact { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #BA68C8; + background-color: #ba68c8; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #BA68C8; + background-color: #ba68c8; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #BA68C8; + background: #ba68c8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #BA68C8; + box-shadow: inset 0 2px 0 0 #ba68c8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #BA68C8; + box-shadow: inset 0 -2px 0 0 #ba68c8; } } diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index ed2ec1d526..3cacbc303b 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#2a323d; - --surface-b:#20262e; - --surface-c:rgba(255, 255, 255, 0.04); - --surface-d:#3f4b5b; - --surface-e:#2a323d; - --surface-f:#2a323d; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#8dd0ff; - --primary-color-text:#151515; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #2a323d; + --surface-b: #20262e; + --surface-c: rgba(255, 255, 255, 0.04); + --surface-d: #3f4b5b; + --surface-e: #2a323d; + --surface-f: #2a323d; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #8dd0ff; + --primary-color-text: #151515; --surface-0: #20262e; --surface-50: #363c43; --surface-100: #4d5158; @@ -22,7 +24,7 @@ --surface-700: #d2d4d5; --surface-800: #e9e9ea; --surface-900: #ffffff; - --gray-50:#e9e9ea; + --gray-50: #e9e9ea; --gray-100: #d2d4d5; --gray-200: #bcbec0; --gray-300: #a6a8ab; @@ -32,15 +34,15 @@ --gray-700: #4d5158; --gray-800: #363c43; --gray-900: #20262e; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#20262e; - --surface-section:#20262e; - --surface-card:#2a323d; - --surface-overlay:#2a323d; - --surface-border:#3f4b5b; - --surface-hover:rgba(255,255,255,.04); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #20262e; + --surface-section: #20262e; + --surface-card: #2a323d; + --surface-overlay: #2a323d; + --surface-border: #3f4b5b; + --surface-hover: rgba(255, 255, 255, 0.04); --focus-ring: 0 0 0 1px #e3f3fe; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #8dd0ff; @@ -3080,6 +3082,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1.5rem; @@ -3093,15 +3096,17 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #151515; background: #8dd0ff; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #64bfff; + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } @@ -3816,19 +3821,15 @@ border: 1px solid #3f4b5b; background: #2a323d; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1.25rem; border: 1px solid #3f4b5b; background: #2a323d; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; border-top: 0 none; } .p-splitter { @@ -3851,6 +3852,11 @@ background: #3f4b5b; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #3f4b5b; @@ -4209,142 +4215,168 @@ border-radius: 4px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .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); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; + .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-submenu-list { - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; - border-radius: 4px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #3f4b5b; margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.15s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 4px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e3f3fe; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem 1rem; @@ -4353,101 +4385,72 @@ border: 0 none; border-radius: 4px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 4px; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.6); + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .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); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .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-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; - } - .p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; - } .p-megamenu .p-megamenu-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); border: 1px solid #3f4b5b; box-shadow: none; } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -4456,23 +4459,14 @@ border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #3f4b5b; margin: 0.5rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4493,8 +4487,36 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e3f3fe; } - .p-megamenu .p-submenu-icon { - transition: transform 0.15s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.6); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4517,39 +4539,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4582,39 +4626,61 @@ border-radius: 4px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .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); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #2a323d; @@ -4641,89 +4707,94 @@ border: 0 none; border-radius: 4px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.6); transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: transparent; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 4px; + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .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); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4733,25 +4804,70 @@ box-shadow: none; width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #3f4b5b; margin: 0.5rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: transparent; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e3f3fe; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.15s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.15s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4798,39 +4914,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4879,42 +5017,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #3f4b5b; color: rgba(255, 255, 255, 0.87); background: #2a323d; - font-weight: 600; border-radius: 4px; transition: box-shadow 0.15s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1.25rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #e3f3fe; + box-shadow: inset 0 0 0 1px #e3f3fe; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.04); border-color: #3f4b5b; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #2a323d; border-color: #3f4b5b; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #3f4b5b; background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -4930,66 +5072,95 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .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); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -5005,39 +5176,61 @@ border-radius: 4px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-slidemenu .p-menuitem-link: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); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link: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-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #2a323d; @@ -5166,67 +5359,82 @@ border-radius: 4px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e3f3fe; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; + .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); } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; + .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.p-menuitem-active > .p-menuitem-link { - background: #20262e; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #3f4b5b; margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.15s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index a051097e1a..c7456c6e16 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#2a323d; - --surface-b:#20262e; - --surface-c:rgba(255, 255, 255, 0.04); - --surface-d:#3f4b5b; - --surface-e:#2a323d; - --surface-f:#2a323d; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#c298d8; - --primary-color-text:#151515; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #2a323d; + --surface-b: #20262e; + --surface-c: rgba(255, 255, 255, 0.04); + --surface-d: #3f4b5b; + --surface-e: #2a323d; + --surface-f: #2a323d; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #c298d8; + --primary-color-text: #151515; --surface-0: #20262e; --surface-50: #363c43; --surface-100: #4d5158; @@ -22,7 +24,7 @@ --surface-700: #d2d4d5; --surface-800: #e9e9ea; --surface-900: #ffffff; - --gray-50:#e9e9ea; + --gray-50: #e9e9ea; --gray-100: #d2d4d5; --gray-200: #bcbec0; --gray-300: #a6a8ab; @@ -32,15 +34,15 @@ --gray-700: #4d5158; --gray-800: #363c43; --gray-900: #20262e; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#20262e; - --surface-section:#20262e; - --surface-card:#2a323d; - --surface-overlay:#2a323d; - --surface-border:#3f4b5b; - --surface-hover:rgba(255,255,255,.04); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #20262e; + --surface-section: #20262e; + --surface-card: #2a323d; + --surface-overlay: #2a323d; + --surface-border: #3f4b5b; + --surface-hover: rgba(255, 255, 255, 0.04); --focus-ring: 0 0 0 1px #f0e6f5; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #c298d8; @@ -3080,6 +3082,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1.5rem; @@ -3093,15 +3096,17 @@ background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #151515; background: #c298d8; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #b07acd; + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } @@ -3816,19 +3821,15 @@ border: 1px solid #3f4b5b; background: #2a323d; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1.25rem; border: 1px solid #3f4b5b; background: #2a323d; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; border-top: 0 none; } .p-splitter { @@ -3851,6 +3852,11 @@ background: #3f4b5b; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #3f4b5b; @@ -4209,142 +4215,168 @@ border-radius: 4px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .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); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; + .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-submenu-list { - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; - border-radius: 4px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #3f4b5b; margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.15s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 4px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #f0e6f5; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem 1rem; @@ -4353,101 +4385,72 @@ border: 0 none; border-radius: 4px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 4px; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.6); + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .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); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .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-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; - } - .p-megamenu .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; - } .p-megamenu .p-megamenu-panel { background: #2a323d; color: rgba(255, 255, 255, 0.87); border: 1px solid #3f4b5b; box-shadow: none; } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -4456,23 +4459,14 @@ border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #3f4b5b; margin: 0.5rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4493,8 +4487,36 @@ outline-offset: 0; box-shadow: 0 0 0 1px #f0e6f5; } - .p-megamenu .p-submenu-icon { - transition: transform 0.15s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.6); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.6); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: transparent; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4517,39 +4539,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4582,39 +4626,61 @@ border-radius: 4px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .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); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #2a323d; @@ -4641,89 +4707,94 @@ border: 0 none; border-radius: 4px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 0; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.6); transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: transparent; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(255, 255, 255, 0.6); - border-radius: 4px; + .p-menubar .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .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); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4733,25 +4804,70 @@ box-shadow: none; width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #3f4b5b; margin: 0.5rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #20262e; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: color 0.15s, box-shadow 0.15s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: transparent; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #f0e6f5; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.15s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.15s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4798,39 +4914,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4879,42 +5017,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #3f4b5b; color: rgba(255, 255, 255, 0.87); background: #2a323d; - font-weight: 600; border-radius: 4px; transition: box-shadow 0.15s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1.25rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #f0e6f5; + box-shadow: inset 0 0 0 1px #f0e6f5; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.04); border-color: #3f4b5b; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #2a323d; border-color: #3f4b5b; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #3f4b5b; background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -4930,66 +5072,95 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .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); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3f4b5b; + margin: 0.5rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -5005,39 +5176,61 @@ border-radius: 4px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #20262e; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; + } + .p-slidemenu .p-menuitem-link: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); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link: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-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #2a323d; @@ -5166,67 +5359,82 @@ border-radius: 4px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2a323d; + border: 1px solid #3f4b5b; + box-shadow: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #20262e; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #f0e6f5; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #20262e; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; + .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); } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2a323d; - border: 1px solid #3f4b5b; - box-shadow: none; + .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.p-menuitem-active > .p-menuitem-link { - background: #20262e; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #3f4b5b; margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.15s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index fb1a8d6f1e..72d52dc4b1 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#efefef; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#212529; - --text-color-secondary:#6c757d; - --primary-color:#007bff; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #efefef; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #212529; + --text-color-secondary: #6c757d; + --primary-color: #007bff; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f8f9fa; @@ -32,15 +34,15 @@ --gray-700: #495057; --gray-800: #343a40; --gray-900: #212529; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#efefef; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; - --surface-hover:#e9ecef; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #efefef; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; + --surface-hover: #e9ecef; --focus-ring: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #007bff; @@ -3080,6 +3082,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1.5rem; @@ -3093,15 +3096,17 @@ background: #e9ecef; color: #212529; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #212529; + background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #ffffff; background: #007bff; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #0067d6; + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(0, 0, 0, 0.05); } @@ -3816,19 +3821,15 @@ border: 1px solid #dee2e6; background: #ffffff; color: #212529; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #212529; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; border-top: 0 none; } .p-splitter { @@ -3851,6 +3852,11 @@ background: #efefef; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #dee2e6; @@ -4209,142 +4215,168 @@ border-radius: 4px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; background: #e9ecef; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - border-radius: 4px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; background: #e9ecef; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.15s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 4px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem 1rem; @@ -4353,101 +4385,72 @@ border: 0 none; border-radius: 4px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(0, 0, 0, 0.5); - border-radius: 4px; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #212529; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.5); + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.5); + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.5); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.7); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.7); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.7); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.9); + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.9); + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.9); + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; + background: #dee2e6; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .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-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; - margin-right: 0.5rem; } - .p-megamenu .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #212529; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #212529; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: none; } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #212529; @@ -4456,23 +4459,14 @@ border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.5rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4493,8 +4487,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } - .p-megamenu .p-submenu-icon { - transition: transform 0.15s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.5); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.5); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.5); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.7); + background: transparent; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(0, 0, 0, 0.7); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4517,39 +4539,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #212529; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4582,39 +4626,61 @@ border-radius: 4px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; background: #e9ecef; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4641,117 +4707,167 @@ border: 0 none; border-radius: 4px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.5); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.5); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.5); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.7); + background: transparent; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(0, 0, 0, 0.7); + } + .p-menubar .p-menuitem > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; background: #e9ecef; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(0, 0, 0, 0.5); - border-radius: 4px; - transition: box-shadow 0.15s; - user-select: none; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.5); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.5); - margin-right: 0.5rem; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.5); - margin-left: 0.5rem; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + width: 12.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.7); + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.7); + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.5); + border-radius: 50%; + transition: box-shadow 0.15s; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(0, 0, 0, 0.7); + background: transparent; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + .p-menubar.p-menubar-mobile .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.9); - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.9); - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.9); + box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } - .p-menubar .p-submenu-list { + .p-menubar.p-menubar-mobile .p-menubar-root-list { padding: 0.5rem 0; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: none; - width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.5rem 0; } - .p-menubar .p-submenu-list .p-submenu-icon { + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.15s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.15s; + transform: rotate(90deg); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4798,39 +4914,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #212529; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4879,42 +5017,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #dee2e6; color: #212529; background: #efefef; - font-weight: 600; border-radius: 4px; transition: box-shadow 0.15s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #212529; + padding: 1rem 1.25rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(38, 143, 255, 0.5); } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #e9ecef; border-color: #dee2e6; color: #212529; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #efefef; border-color: #dee2e6; color: #212529; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #dee2e6; background: #e9ecef; color: #212529; @@ -4930,66 +5072,95 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; background: #e9ecef; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + .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: #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 { + color: #212529; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -5005,39 +5176,61 @@ border-radius: 4px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #212529; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5166,67 +5359,82 @@ border-radius: 4px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; background: #e9ecef; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(38, 143, 255, 0.5); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; background: #e9ecef; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.15s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index 6f88fa63a8..6c56adb12b 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#efefef; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#212529; - --text-color-secondary:#6c757d; - --primary-color:#883cae; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #efefef; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #212529; + --text-color-secondary: #6c757d; + --primary-color: #883cae; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f8f9fa; @@ -32,15 +34,15 @@ --gray-700: #495057; --gray-800: #343a40; --gray-900: #212529; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#efefef; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; - --surface-hover:#e9ecef; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #efefef; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; + --surface-hover: #e9ecef; --focus-ring: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #883cae; @@ -3080,6 +3082,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1.5rem; @@ -3093,15 +3096,17 @@ background: #e9ecef; color: #212529; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #212529; + background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #ffffff; background: #883cae; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #703290; + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(0, 0, 0, 0.05); } @@ -3816,19 +3821,15 @@ border: 1px solid #dee2e6; background: #ffffff; color: #212529; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1.25rem; border: 1px solid #dee2e6; background: #ffffff; color: #212529; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; border-top: 0 none; } .p-splitter { @@ -3851,6 +3852,11 @@ background: #efefef; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #dee2e6; @@ -4209,142 +4215,168 @@ border-radius: 4px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; background: #e9ecef; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; - border-radius: 4px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; background: #e9ecef; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.15s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 4px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem 1rem; @@ -4353,101 +4385,72 @@ border: 0 none; border-radius: 4px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(0, 0, 0, 0.5); - border-radius: 4px; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #212529; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.5); + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.5); + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #212529; margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.5); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.7); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.7); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.7); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.9); + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.9); + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.9); + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; - border-radius: 0; - transition: box-shadow 0.15s; - user-select: none; + background: #dee2e6; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .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-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; - margin-right: 0.5rem; } - .p-megamenu .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #212529; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #e9ecef; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #212529; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: none; } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #212529; @@ -4456,23 +4459,14 @@ border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.5rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4493,8 +4487,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } - .p-megamenu .p-submenu-icon { - transition: transform 0.15s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.5); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.5); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.5); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.7); + background: transparent; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(0, 0, 0, 0.7); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4517,39 +4539,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #212529; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4582,39 +4626,61 @@ border-radius: 4px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; background: #e9ecef; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4641,117 +4707,167 @@ border: 0 none; border-radius: 4px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.5); + transition: box-shadow 0.15s; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.5); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.5); + margin-right: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.5); + margin-left: 0.5rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.7); + background: transparent; + } + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(0, 0, 0, 0.7); + } + .p-menubar .p-menuitem > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; background: #e9ecef; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; - color: rgba(0, 0, 0, 0.5); - border-radius: 4px; - transition: box-shadow 0.15s; - user-select: none; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.5); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.5); - margin-right: 0.5rem; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.5); - margin-left: 0.5rem; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; + .p-menubar .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + width: 12.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.7); + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.7); + .p-menubar .p-submenu-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.5); + border-radius: 50%; + transition: box-shadow 0.15s; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(0, 0, 0, 0.7); + background: transparent; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { + .p-menubar.p-menubar-mobile .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: transparent; - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(0, 0, 0, 0.9); - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.9); - } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.9); + box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } - .p-menubar .p-submenu-list { + .p-menubar.p-menubar-mobile .p-menubar-root-list { padding: 0.5rem 0; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: none; - width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.5rem 0; } - .p-menubar .p-submenu-list .p-submenu-icon { + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.15s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.15s; + transform: rotate(90deg); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4798,39 +4914,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #212529; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4879,42 +5017,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #dee2e6; color: #212529; background: #efefef; - font-weight: 600; border-radius: 4px; transition: box-shadow 0.15s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #212529; + padding: 1rem 1.25rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(136, 60, 174, 0.5); + box-shadow: inset 0 0 0 0.2rem rgba(136, 60, 174, 0.5); } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #e9ecef; border-color: #dee2e6; color: #212529; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #efefef; border-color: #dee2e6; color: #212529; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #dee2e6; background: #e9ecef; color: #212529; @@ -4930,66 +5072,95 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; background: #e9ecef; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + .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: #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 { + color: #212529; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.5rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -5005,39 +5176,61 @@ border-radius: 4px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #212529; + background: #dee2e6; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; + background: #e9ecef; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #212529; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5166,67 +5359,82 @@ border-radius: 4px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 1px solid rgba(0, 0, 0, 0.15); + box-shadow: none; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #212529; - border-radius: 0; transition: box-shadow 0.15s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #212529; + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #212529; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; background: #e9ecef; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #212529; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(136, 60, 174, 0.5); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #212529; + background: #dee2e6; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.15); - box-shadow: none; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #212529; background: #e9ecef; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.15s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index 5cf333f46f..d13d5f36a6 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#faf9f8; - --surface-c:#f3f2f1; - --surface-d:#edebe9; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#323130; - --text-color-secondary:#605e5c; - --primary-color:#0078d4; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #faf9f8; + --surface-c: #f3f2f1; + --surface-d: #edebe9; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #323130; + --text-color-secondary: #605e5c; + --primary-color: #0078d4; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f3f2f1; --surface-100: #e1dfdd; @@ -32,15 +34,15 @@ --gray-700: #252423; --gray-800: #1b1a19; --gray-900: #11100f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:2px; - --surface-ground:#faf9f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#edebe9; - --surface-hover:#f3f2f1; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 2px; + --surface-ground: #faf9f8; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #edebe9; + --surface-hover: #f3f2f1; --focus-ring: inset 0 0 0 1px #605e5c; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #edebe9; @@ -3071,6 +3073,7 @@ padding: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.5rem; @@ -3084,15 +3087,17 @@ background: #f3f2f1; color: #323130; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #323130; + background: #e1dfdd; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #323130; background: #edebe9; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #e1dfdd; + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #faf9f8; } @@ -3782,19 +3787,15 @@ border: 1px solid #a19f9d; background: #ffffff; color: #323130; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #a19f9d; background: #ffffff; color: #323130; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; border-top: 0 none; } .p-splitter { @@ -3817,6 +3818,11 @@ background: #f3f2f1; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 0 none; @@ -4175,142 +4181,168 @@ border-radius: 2px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 0.5rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0; + background: #ffffff; + border: 0 none; + 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); + border-radius: 2px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #323130; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #323130; + padding: 0.75rem 0.5rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #0078d4; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #323130; + background: #edebe9; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e1dfdd; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #323130; + background: #e1dfdd; } - .p-contextmenu .p-submenu-list { - padding: 0; - background: #ffffff; - border: 0 none; - 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); - border-radius: 2px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #323130; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #edebe9; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #323130; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #323130; + background: #f3f2f1; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { color: #0078d4; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #edebe9; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 2px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #605e5c; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4319,101 +4351,72 @@ border: 1px solid #eeeeee; border-radius: 2px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.5rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #323130; - border-radius: 2px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #323130; + padding: 0.75rem 0.5rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #0078d4; margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #323130; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #edebe9; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e1dfdd; } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 0.5rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #323130; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; + background: #e1dfdd; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #0078d4; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #0078d4; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #323130; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #323130; background: #f3f2f1; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #323130; border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 0.5rem; color: #0078d4; @@ -4422,23 +4425,14 @@ border-top-right-radius: 2px; border-top-left-radius: 2px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #edebe9; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #edebe9; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #323130; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0078d4; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0; @@ -4459,8 +4453,36 @@ outline-offset: 0; box-shadow: inset 0 0 0 1px #605e5c; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #323130; + transition: box-shadow 0.2s; + border-radius: 2px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 0.5rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #323130; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #0078d4; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0078d4; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #323130; + background: #f3f2f1; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #0078d4; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0; @@ -4483,39 +4505,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.5rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #323130; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #323130; + padding: 0.75rem 0.5rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #0078d4; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #323130; + background: #edebe9; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e1dfdd; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #323130; + background: #e1dfdd; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #323130; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #323130; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #323130; + background: #f3f2f1; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #323130; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #0078d4; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4548,39 +4592,61 @@ border-radius: 2px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 0.5rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #323130; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #323130; + padding: 0.75rem 0.5rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #0078d4; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #323130; + background: #edebe9; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e1dfdd; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #323130; + background: #e1dfdd; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #323130; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #323130; + background: #f3f2f1; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #0078d4; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4607,89 +4673,94 @@ border: 1px solid #eeeeee; border-radius: 2px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 0.5rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #323130; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 2px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 0.5rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #0078d4; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #323130; background: #f3f2f1; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.5rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #323130; - border-radius: 2px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #323130; + padding: 0.75rem 0.5rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #0078d4; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #323130; + background: #edebe9; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e1dfdd; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #323130; + background: #e1dfdd; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #edebe9; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #323130; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #323130; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0078d4; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #323130; + background: #f3f2f1; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #323130; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } .p-menubar .p-submenu-list { @@ -4699,25 +4770,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #edebe9; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #0078d4; + border-radius: 2px; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #edebe9; + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #0078d4; + background: #f3f2f1; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #323130; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 1px #605e5c; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0078d4; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0; + background: #ffffff; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4764,39 +4880,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.5rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #323130; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #323130; + padding: 0.75rem 0.5rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #0078d4; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #323130; + background: #edebe9; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e1dfdd; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #323130; + background: #e1dfdd; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #323130; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #323130; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #323130; + background: #f3f2f1; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #323130; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #0078d4; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4845,42 +4983,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #a19f9d; color: #323130; background: #faf9f8; - font-weight: 600; border-radius: 2px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #323130; + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 1px #605e5c; + box-shadow: inset inset 0 0 0 1px #605e5c; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f3f2f1; border-color: #a19f9d; color: #323130; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #faf9f8; border-color: #a19f9d; color: #323130; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #a19f9d; background: #f3f2f1; color: #323130; @@ -4896,44 +5038,73 @@ border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 0.5rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #323130; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #323130; + padding: 0.75rem 0.5rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #0078d4; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #323130; + background: #edebe9; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e1dfdd; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #323130; + background: #e1dfdd; + } + .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: #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 { + color: #323130; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #323130; + background: #f3f2f1; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #0078d4; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #edebe9; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4947,39 +5118,61 @@ border-radius: 2px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 0.5rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #323130; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #323130; + padding: 0.75rem 0.5rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #0078d4; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #323130; + background: #edebe9; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e1dfdd; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #323130; + background: #e1dfdd; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #323130; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #323130; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #323130; + background: #f3f2f1; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #323130; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #0078d4; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5108,67 +5301,82 @@ border-radius: 2px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 0.5rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0; + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: #323130; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #323130; + padding: 0.75rem 0.5rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #0078d4; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f2f1; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #323130; + background: #edebe9; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0078d4; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e1dfdd; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #605e5c; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #323130; + background: #e1dfdd; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #323130; } - .p-tieredmenu .p-submenu-list { - padding: 0; - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #323130; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #edebe9; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #323130; + background: #f3f2f1; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #323130; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #0078d4; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #edebe9; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/lara-dark-amber/theme.css b/public/themes/lara-dark-amber/theme.css index 82273b6265..30ccbd4303 100644 --- a/public/themes/lara-dark-amber/theme.css +++ b/public/themes/lara-dark-amber/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#fbbf24; - --primary-color-text:#030712; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #fbbf24; + --primary-color-text: #030712; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -35,15 +35,15 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); --focus-ring: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(251, 191, 36, 0.16); @@ -307,7 +307,7 @@ opacity: 0.4; } .p-error { - color: #FCA5A5; + color: #fca5a5; } .p-text-secondary { color: rgba(255, 255, 255, 0.6); @@ -393,7 +393,7 @@ margin-left: 0.5rem; } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-autocomplete-panel { background: #1f2937; @@ -430,7 +430,7 @@ font-weight: 700; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-datepicker { padding: 0.5rem; @@ -679,7 +679,7 @@ border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-cascadeselect-panel { background: #1f2937; @@ -777,7 +777,7 @@ color: #030712; } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #424b57; @@ -826,7 +826,7 @@ margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-colorpicker-preview { width: 2rem; @@ -884,7 +884,7 @@ right: 3rem; } .p-dropdown.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-dropdown-panel { background: #1f2937; @@ -1025,7 +1025,7 @@ width: 3rem; } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputswitch { width: 3rem; @@ -1066,7 +1066,7 @@ background: #fcd34d; } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext { font-family: var(--font-family); @@ -1090,7 +1090,7 @@ border-color: #fbbf24; } .p-inputtext.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1106,7 +1106,7 @@ transition-duration: 0.2s; } .p-float-label > label.p-error { - color: #FCA5A5; + color: #fca5a5; } .p-input-icon-left > i:first-of-type, .p-input-icon-left > svg:first-of-type, @@ -1217,7 +1217,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-invalid { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-mention-panel { background: #1f2937; @@ -1293,7 +1293,7 @@ right: 3rem; } .p-multiselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; @@ -1399,7 +1399,7 @@ background-color: #424b57; } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-password-panel { padding: 1.25rem; @@ -1460,7 +1460,7 @@ color: #030712; } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-radiobutton:focus { outline: 0 none; @@ -1490,7 +1490,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1504,7 +1504,7 @@ color: #fbbf24; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1f2937; @@ -1544,7 +1544,7 @@ color: #030712; } .p-selectbutton.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-slider { background: #424b57; @@ -1629,7 +1629,7 @@ right: 3rem; } .p-treeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; @@ -1740,7 +1740,7 @@ color: #030712; } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-button { color: #030712; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,15 +3104,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(251, 191, 36, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(251, 191, 36, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #1c2532; } @@ -3801,19 +3804,15 @@ border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #424b57; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #424b57; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + .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-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(251, 191, 36, 0.16); + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(251, 191, 36, 0.16); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); - } .p-megamenu .p-megamenu-panel { background: #374151; color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(251, 191, 36, 0.16); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4478,8 +4470,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #374151; @@ -4626,89 +4690,94 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(251, 191, 36, 0.16); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4718,25 +4787,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(251, 191, 36, 0.16); + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); background: #1f2937; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(251, 191, 36, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(251, 191, 36, 0.2); } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #424b57; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1f2937; border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link: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-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #374151; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(251, 191, 36, 0.16); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(251, 191, 36, 0.2); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(251, 191, 36, 0.24); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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-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.p-menuitem-active > .p-menuitem-link { - background: rgba(251, 191, 36, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/lara-dark-blue/theme.css b/public/themes/lara-dark-blue/theme.css index 9237fe60bb..83e7b55059 100644 --- a/public/themes/lara-dark-blue/theme.css +++ b/public/themes/lara-dark-blue/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#60a5fa; - --primary-color-text:#030712; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #60a5fa; + --primary-color-text: #030712; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -35,15 +35,15 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); --focus-ring: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(96, 165, 250, 0.16); @@ -307,7 +307,7 @@ opacity: 0.4; } .p-error { - color: #FCA5A5; + color: #fca5a5; } .p-text-secondary { color: rgba(255, 255, 255, 0.6); @@ -393,7 +393,7 @@ margin-left: 0.5rem; } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-autocomplete-panel { background: #1f2937; @@ -430,7 +430,7 @@ font-weight: 700; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-datepicker { padding: 0.5rem; @@ -679,7 +679,7 @@ border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-cascadeselect-panel { background: #1f2937; @@ -777,7 +777,7 @@ color: #030712; } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #424b57; @@ -826,7 +826,7 @@ margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-colorpicker-preview { width: 2rem; @@ -884,7 +884,7 @@ right: 3rem; } .p-dropdown.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-dropdown-panel { background: #1f2937; @@ -1025,7 +1025,7 @@ width: 3rem; } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputswitch { width: 3rem; @@ -1066,7 +1066,7 @@ background: #93c5fd; } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext { font-family: var(--font-family); @@ -1090,7 +1090,7 @@ border-color: #60a5fa; } .p-inputtext.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1106,7 +1106,7 @@ transition-duration: 0.2s; } .p-float-label > label.p-error { - color: #FCA5A5; + color: #fca5a5; } .p-input-icon-left > i:first-of-type, .p-input-icon-left > svg:first-of-type, @@ -1217,7 +1217,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-invalid { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-mention-panel { background: #1f2937; @@ -1293,7 +1293,7 @@ right: 3rem; } .p-multiselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; @@ -1399,7 +1399,7 @@ background-color: #424b57; } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-password-panel { padding: 1.25rem; @@ -1460,7 +1460,7 @@ color: #030712; } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-radiobutton:focus { outline: 0 none; @@ -1490,7 +1490,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1504,7 +1504,7 @@ color: #60a5fa; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1f2937; @@ -1544,7 +1544,7 @@ color: #030712; } .p-selectbutton.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-slider { background: #424b57; @@ -1629,7 +1629,7 @@ right: 3rem; } .p-treeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; @@ -1740,7 +1740,7 @@ color: #030712; } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-button { color: #030712; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,15 +3104,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(96, 165, 250, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(96, 165, 250, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #1c2532; } @@ -3801,19 +3804,15 @@ border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #424b57; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #424b57; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + .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-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(96, 165, 250, 0.16); + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(96, 165, 250, 0.16); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); - } .p-megamenu .p-megamenu-panel { background: #374151; color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(96, 165, 250, 0.16); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4478,8 +4470,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #374151; @@ -4626,89 +4690,94 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(96, 165, 250, 0.16); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4718,25 +4787,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(96, 165, 250, 0.16); + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); background: #1f2937; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(96, 165, 250, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(96, 165, 250, 0.2); } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #424b57; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1f2937; border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link: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-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #374151; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(96, 165, 250, 0.16); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(96, 165, 250, 0.2); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(96, 165, 250, 0.24); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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-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.p-menuitem-active > .p-menuitem-link { - background: rgba(96, 165, 250, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/lara-dark-cyan/theme.css b/public/themes/lara-dark-cyan/theme.css index 74145d1638..3d001a7945 100644 --- a/public/themes/lara-dark-cyan/theme.css +++ b/public/themes/lara-dark-cyan/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#22d3ee; - --primary-color-text:#030712; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #22d3ee; + --primary-color-text: #030712; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -35,15 +35,15 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); --focus-ring: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(34, 211, 238, 0.16); @@ -307,7 +307,7 @@ opacity: 0.4; } .p-error { - color: #FCA5A5; + color: #fca5a5; } .p-text-secondary { color: rgba(255, 255, 255, 0.6); @@ -393,7 +393,7 @@ margin-left: 0.5rem; } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-autocomplete-panel { background: #1f2937; @@ -430,7 +430,7 @@ font-weight: 700; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-datepicker { padding: 0.5rem; @@ -679,7 +679,7 @@ border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-cascadeselect-panel { background: #1f2937; @@ -777,7 +777,7 @@ color: #030712; } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #424b57; @@ -826,7 +826,7 @@ margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-colorpicker-preview { width: 2rem; @@ -884,7 +884,7 @@ right: 3rem; } .p-dropdown.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-dropdown-panel { background: #1f2937; @@ -1025,7 +1025,7 @@ width: 3rem; } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputswitch { width: 3rem; @@ -1066,7 +1066,7 @@ background: #67e8f9; } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext { font-family: var(--font-family); @@ -1090,7 +1090,7 @@ border-color: #22d3ee; } .p-inputtext.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1106,7 +1106,7 @@ transition-duration: 0.2s; } .p-float-label > label.p-error { - color: #FCA5A5; + color: #fca5a5; } .p-input-icon-left > i:first-of-type, .p-input-icon-left > svg:first-of-type, @@ -1217,7 +1217,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-invalid { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-mention-panel { background: #1f2937; @@ -1293,7 +1293,7 @@ right: 3rem; } .p-multiselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; @@ -1399,7 +1399,7 @@ background-color: #424b57; } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-password-panel { padding: 1.25rem; @@ -1460,7 +1460,7 @@ color: #030712; } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-radiobutton:focus { outline: 0 none; @@ -1490,7 +1490,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1504,7 +1504,7 @@ color: #22d3ee; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1f2937; @@ -1544,7 +1544,7 @@ color: #030712; } .p-selectbutton.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-slider { background: #424b57; @@ -1629,7 +1629,7 @@ right: 3rem; } .p-treeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; @@ -1740,7 +1740,7 @@ color: #030712; } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-button { color: #030712; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,15 +3104,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(34, 211, 238, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(34, 211, 238, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #1c2532; } @@ -3801,19 +3804,15 @@ border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #424b57; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #424b57; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + .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-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(34, 211, 238, 0.16); + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(34, 211, 238, 0.16); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); - } .p-megamenu .p-megamenu-panel { background: #374151; color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(34, 211, 238, 0.16); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4478,8 +4470,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #374151; @@ -4626,89 +4690,94 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(34, 211, 238, 0.16); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4718,25 +4787,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(34, 211, 238, 0.16); + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); background: #1f2937; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(34, 211, 238, 0.2); } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #424b57; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1f2937; border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link: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-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #374151; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(34, 211, 238, 0.16); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(34, 211, 238, 0.2); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(34, 211, 238, 0.24); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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-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.p-menuitem-active > .p-menuitem-link { - background: rgba(34, 211, 238, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/lara-dark-green/theme.css b/public/themes/lara-dark-green/theme.css index d43fa8a58e..b05d21cedb 100644 --- a/public/themes/lara-dark-green/theme.css +++ b/public/themes/lara-dark-green/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#34d399; - --primary-color-text:#030712; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #34d399; + --primary-color-text: #030712; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -35,15 +35,15 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); --focus-ring: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(52, 211, 153, 0.16); @@ -307,7 +307,7 @@ opacity: 0.4; } .p-error { - color: #FCA5A5; + color: #fca5a5; } .p-text-secondary { color: rgba(255, 255, 255, 0.6); @@ -393,7 +393,7 @@ margin-left: 0.5rem; } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-autocomplete-panel { background: #1f2937; @@ -430,7 +430,7 @@ font-weight: 700; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-datepicker { padding: 0.5rem; @@ -679,7 +679,7 @@ border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-cascadeselect-panel { background: #1f2937; @@ -777,7 +777,7 @@ color: #030712; } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #424b57; @@ -826,7 +826,7 @@ margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-colorpicker-preview { width: 2rem; @@ -884,7 +884,7 @@ right: 3rem; } .p-dropdown.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-dropdown-panel { background: #1f2937; @@ -1025,7 +1025,7 @@ width: 3rem; } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputswitch { width: 3rem; @@ -1066,7 +1066,7 @@ background: #6ee7b7; } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext { font-family: var(--font-family); @@ -1090,7 +1090,7 @@ border-color: #34d399; } .p-inputtext.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1106,7 +1106,7 @@ transition-duration: 0.2s; } .p-float-label > label.p-error { - color: #FCA5A5; + color: #fca5a5; } .p-input-icon-left > i:first-of-type, .p-input-icon-left > svg:first-of-type, @@ -1217,7 +1217,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-invalid { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-mention-panel { background: #1f2937; @@ -1293,7 +1293,7 @@ right: 3rem; } .p-multiselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; @@ -1399,7 +1399,7 @@ background-color: #424b57; } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-password-panel { padding: 1.25rem; @@ -1460,7 +1460,7 @@ color: #030712; } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-radiobutton:focus { outline: 0 none; @@ -1490,7 +1490,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1504,7 +1504,7 @@ color: #34d399; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1f2937; @@ -1544,7 +1544,7 @@ color: #030712; } .p-selectbutton.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-slider { background: #424b57; @@ -1629,7 +1629,7 @@ right: 3rem; } .p-treeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; @@ -1740,7 +1740,7 @@ color: #030712; } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-button { color: #030712; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,15 +3104,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(52, 211, 153, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(52, 211, 153, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #1c2532; } @@ -3801,19 +3804,15 @@ border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #424b57; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #424b57; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + .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-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(52, 211, 153, 0.16); + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(52, 211, 153, 0.16); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); - } .p-megamenu .p-megamenu-panel { background: #374151; color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(52, 211, 153, 0.16); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4478,8 +4470,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #374151; @@ -4626,89 +4690,94 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(52, 211, 153, 0.16); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4718,25 +4787,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(52, 211, 153, 0.16); + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); background: #1f2937; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(52, 211, 153, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(52, 211, 153, 0.2); } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #424b57; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1f2937; border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link: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-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #374151; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(52, 211, 153, 0.16); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(52, 211, 153, 0.2); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(52, 211, 153, 0.24); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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-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.p-menuitem-active > .p-menuitem-link { - background: rgba(52, 211, 153, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/lara-dark-indigo/theme.css b/public/themes/lara-dark-indigo/theme.css index 3ceb583b0d..7b157ad1db 100644 --- a/public/themes/lara-dark-indigo/theme.css +++ b/public/themes/lara-dark-indigo/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#818cf8; - --primary-color-text:#030712; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #818cf8; + --primary-color-text: #030712; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -35,15 +35,15 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); --focus-ring: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(129, 140, 248, 0.16); @@ -307,7 +307,7 @@ opacity: 0.4; } .p-error { - color: #FCA5A5; + color: #fca5a5; } .p-text-secondary { color: rgba(255, 255, 255, 0.6); @@ -393,7 +393,7 @@ margin-left: 0.5rem; } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-autocomplete-panel { background: #1f2937; @@ -430,7 +430,7 @@ font-weight: 700; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-datepicker { padding: 0.5rem; @@ -679,7 +679,7 @@ border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-cascadeselect-panel { background: #1f2937; @@ -777,7 +777,7 @@ color: #030712; } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #424b57; @@ -826,7 +826,7 @@ margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-colorpicker-preview { width: 2rem; @@ -884,7 +884,7 @@ right: 3rem; } .p-dropdown.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-dropdown-panel { background: #1f2937; @@ -1025,7 +1025,7 @@ width: 3rem; } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputswitch { width: 3rem; @@ -1066,7 +1066,7 @@ background: #a5b4fc; } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext { font-family: var(--font-family); @@ -1090,7 +1090,7 @@ border-color: #818cf8; } .p-inputtext.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1106,7 +1106,7 @@ transition-duration: 0.2s; } .p-float-label > label.p-error { - color: #FCA5A5; + color: #fca5a5; } .p-input-icon-left > i:first-of-type, .p-input-icon-left > svg:first-of-type, @@ -1217,7 +1217,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-invalid { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-mention-panel { background: #1f2937; @@ -1293,7 +1293,7 @@ right: 3rem; } .p-multiselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; @@ -1399,7 +1399,7 @@ background-color: #424b57; } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-password-panel { padding: 1.25rem; @@ -1460,7 +1460,7 @@ color: #030712; } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-radiobutton:focus { outline: 0 none; @@ -1490,7 +1490,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1504,7 +1504,7 @@ color: #818cf8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1f2937; @@ -1544,7 +1544,7 @@ color: #030712; } .p-selectbutton.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-slider { background: #424b57; @@ -1629,7 +1629,7 @@ right: 3rem; } .p-treeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; @@ -1740,7 +1740,7 @@ color: #030712; } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-button { color: #030712; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,15 +3104,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 140, 248, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(129, 140, 248, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #1c2532; } @@ -3801,19 +3804,15 @@ border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #424b57; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #424b57; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + .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-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(129, 140, 248, 0.16); + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(129, 140, 248, 0.16); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); - } .p-megamenu .p-megamenu-panel { background: #374151; color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(129, 140, 248, 0.16); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4478,8 +4470,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #374151; @@ -4626,89 +4690,94 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(129, 140, 248, 0.16); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4718,25 +4787,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(129, 140, 248, 0.16); + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); background: #1f2937; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(129, 140, 248, 0.2); } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #424b57; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1f2937; border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link: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-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #374151; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(129, 140, 248, 0.16); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(129, 140, 248, 0.2); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(129, 140, 248, 0.24); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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-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.p-menuitem-active > .p-menuitem-link { - background: rgba(129, 140, 248, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/lara-dark-pink/theme.css b/public/themes/lara-dark-pink/theme.css index 3adaaf574a..0f4fb9ba8d 100644 --- a/public/themes/lara-dark-pink/theme.css +++ b/public/themes/lara-dark-pink/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#f472b6; - --primary-color-text:#030712; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #f472b6; + --primary-color-text: #030712; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -35,15 +35,15 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); --focus-ring: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(244, 114, 182, 0.16); @@ -307,7 +307,7 @@ opacity: 0.4; } .p-error { - color: #FCA5A5; + color: #fca5a5; } .p-text-secondary { color: rgba(255, 255, 255, 0.6); @@ -393,7 +393,7 @@ margin-left: 0.5rem; } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-autocomplete-panel { background: #1f2937; @@ -430,7 +430,7 @@ font-weight: 700; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-datepicker { padding: 0.5rem; @@ -679,7 +679,7 @@ border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-cascadeselect-panel { background: #1f2937; @@ -777,7 +777,7 @@ color: #030712; } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #424b57; @@ -826,7 +826,7 @@ margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-colorpicker-preview { width: 2rem; @@ -884,7 +884,7 @@ right: 3rem; } .p-dropdown.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-dropdown-panel { background: #1f2937; @@ -1025,7 +1025,7 @@ width: 3rem; } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputswitch { width: 3rem; @@ -1066,7 +1066,7 @@ background: #f9a8d4; } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext { font-family: var(--font-family); @@ -1090,7 +1090,7 @@ border-color: #f472b6; } .p-inputtext.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1106,7 +1106,7 @@ transition-duration: 0.2s; } .p-float-label > label.p-error { - color: #FCA5A5; + color: #fca5a5; } .p-input-icon-left > i:first-of-type, .p-input-icon-left > svg:first-of-type, @@ -1217,7 +1217,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-invalid { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-mention-panel { background: #1f2937; @@ -1293,7 +1293,7 @@ right: 3rem; } .p-multiselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; @@ -1399,7 +1399,7 @@ background-color: #424b57; } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-password-panel { padding: 1.25rem; @@ -1460,7 +1460,7 @@ color: #030712; } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-radiobutton:focus { outline: 0 none; @@ -1490,7 +1490,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1504,7 +1504,7 @@ color: #f472b6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1f2937; @@ -1544,7 +1544,7 @@ color: #030712; } .p-selectbutton.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-slider { background: #424b57; @@ -1629,7 +1629,7 @@ right: 3rem; } .p-treeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; @@ -1740,7 +1740,7 @@ color: #030712; } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-button { color: #030712; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,15 +3104,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(244, 114, 182, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(244, 114, 182, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #1c2532; } @@ -3801,19 +3804,15 @@ border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #424b57; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #424b57; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + .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-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(244, 114, 182, 0.16); + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(244, 114, 182, 0.16); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); - } .p-megamenu .p-megamenu-panel { background: #374151; color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(244, 114, 182, 0.16); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4478,8 +4470,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #374151; @@ -4626,89 +4690,94 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(244, 114, 182, 0.16); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4718,25 +4787,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(244, 114, 182, 0.16); + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); background: #1f2937; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(244, 114, 182, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(244, 114, 182, 0.2); } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #424b57; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1f2937; border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link: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-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #374151; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(244, 114, 182, 0.16); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(244, 114, 182, 0.2); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(244, 114, 182, 0.24); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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-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.p-menuitem-active > .p-menuitem-link { - background: rgba(244, 114, 182, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/lara-dark-purple/theme.css b/public/themes/lara-dark-purple/theme.css index 8984431501..0071a4c176 100644 --- a/public/themes/lara-dark-purple/theme.css +++ b/public/themes/lara-dark-purple/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#a78bfa; - --primary-color-text:#030712; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #a78bfa; + --primary-color-text: #030712; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -35,15 +35,15 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); --focus-ring: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(167, 139, 250, 0.16); @@ -307,7 +307,7 @@ opacity: 0.4; } .p-error { - color: #FCA5A5; + color: #fca5a5; } .p-text-secondary { color: rgba(255, 255, 255, 0.6); @@ -393,7 +393,7 @@ margin-left: 0.5rem; } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-autocomplete-panel { background: #1f2937; @@ -430,7 +430,7 @@ font-weight: 700; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-datepicker { padding: 0.5rem; @@ -679,7 +679,7 @@ border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-cascadeselect-panel { background: #1f2937; @@ -777,7 +777,7 @@ color: #030712; } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #424b57; @@ -826,7 +826,7 @@ margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-colorpicker-preview { width: 2rem; @@ -884,7 +884,7 @@ right: 3rem; } .p-dropdown.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-dropdown-panel { background: #1f2937; @@ -1025,7 +1025,7 @@ width: 3rem; } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputswitch { width: 3rem; @@ -1066,7 +1066,7 @@ background: #c4b5fd; } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext { font-family: var(--font-family); @@ -1090,7 +1090,7 @@ border-color: #a78bfa; } .p-inputtext.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1106,7 +1106,7 @@ transition-duration: 0.2s; } .p-float-label > label.p-error { - color: #FCA5A5; + color: #fca5a5; } .p-input-icon-left > i:first-of-type, .p-input-icon-left > svg:first-of-type, @@ -1217,7 +1217,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-invalid { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-mention-panel { background: #1f2937; @@ -1293,7 +1293,7 @@ right: 3rem; } .p-multiselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; @@ -1399,7 +1399,7 @@ background-color: #424b57; } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-password-panel { padding: 1.25rem; @@ -1460,7 +1460,7 @@ color: #030712; } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-radiobutton:focus { outline: 0 none; @@ -1490,7 +1490,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1504,7 +1504,7 @@ color: #a78bfa; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1f2937; @@ -1544,7 +1544,7 @@ color: #030712; } .p-selectbutton.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-slider { background: #424b57; @@ -1629,7 +1629,7 @@ right: 3rem; } .p-treeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; @@ -1740,7 +1740,7 @@ color: #030712; } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-button { color: #030712; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,15 +3104,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(167, 139, 250, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(167, 139, 250, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #1c2532; } @@ -3801,19 +3804,15 @@ border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #424b57; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #424b57; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); + .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-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(167, 139, 250, 0.16); + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(167, 139, 250, 0.16); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); - } .p-megamenu .p-megamenu-panel { background: #374151; color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(167, 139, 250, 0.16); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4478,8 +4470,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #374151; @@ -4626,89 +4690,94 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(167, 139, 250, 0.16); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4718,25 +4787,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(167, 139, 250, 0.16); + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); background: #1f2937; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(167, 139, 250, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(167, 139, 250, 0.2); } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #424b57; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1f2937; border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link: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-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #374151; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(167, 139, 250, 0.16); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(167, 139, 250, 0.2); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(167, 139, 250, 0.24); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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-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.p-menuitem-active > .p-menuitem-link { - background: rgba(167, 139, 250, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/lara-dark-teal/theme.css b/public/themes/lara-dark-teal/theme.css index bac99628dd..c32cb1eb36 100644 --- a/public/themes/lara-dark-teal/theme.css +++ b/public/themes/lara-dark-teal/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#1f2937; - --surface-b:#111827; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#424b57; - --surface-e:#1f2937; - --surface-f:#1f2937; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#2dd4bf; - --primary-color-text:#030712; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #1f2937; + --surface-b: #111827; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #424b57; + --surface-e: #1f2937; + --surface-f: #1f2937; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #2dd4bf; + --primary-color-text: #030712; --surface-0: #111827; --surface-50: #1f2937; --surface-100: #374151; @@ -35,15 +35,15 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#111827; - --surface-section:#111827; - --surface-card:#1f2937; - --surface-overlay:#1f2937; - --surface-border:rgba(255,255,255,.1); - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #111827; + --surface-section: #111827; + --surface-card: #1f2937; + --surface-overlay: #1f2937; + --surface-border: rgba(255, 255, 255, 0.1); + --surface-hover: rgba(255, 255, 255, 0.03); --focus-ring: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(45, 212, 191, 0.16); @@ -307,7 +307,7 @@ opacity: 0.4; } .p-error { - color: #FCA5A5; + color: #fca5a5; } .p-text-secondary { color: rgba(255, 255, 255, 0.6); @@ -393,7 +393,7 @@ margin-left: 0.5rem; } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-autocomplete-panel { background: #1f2937; @@ -430,7 +430,7 @@ font-weight: 700; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-datepicker { padding: 0.5rem; @@ -679,7 +679,7 @@ border-bottom-right-radius: 6px; } .p-cascadeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-cascadeselect-panel { background: #1f2937; @@ -777,7 +777,7 @@ color: #030712; } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #424b57; @@ -826,7 +826,7 @@ margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-colorpicker-preview { width: 2rem; @@ -884,7 +884,7 @@ right: 3rem; } .p-dropdown.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-dropdown-panel { background: #1f2937; @@ -1025,7 +1025,7 @@ width: 3rem; } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputswitch { width: 3rem; @@ -1066,7 +1066,7 @@ background: #5eead4; } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext { font-family: var(--font-family); @@ -1090,7 +1090,7 @@ border-color: #2dd4bf; } .p-inputtext.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1106,7 +1106,7 @@ transition-duration: 0.2s; } .p-float-label > label.p-error { - color: #FCA5A5; + color: #fca5a5; } .p-input-icon-left > i:first-of-type, .p-input-icon-left > svg:first-of-type, @@ -1217,7 +1217,7 @@ background: rgba(255, 255, 255, 0.03); } .p-listbox.p-invalid { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-mention-panel { background: #1f2937; @@ -1293,7 +1293,7 @@ right: 3rem; } .p-multiselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; @@ -1399,7 +1399,7 @@ background-color: #424b57; } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-password-panel { padding: 1.25rem; @@ -1460,7 +1460,7 @@ color: #030712; } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-radiobutton:focus { outline: 0 none; @@ -1490,7 +1490,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1504,7 +1504,7 @@ color: #2dd4bf; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1f2937; @@ -1544,7 +1544,7 @@ color: #030712; } .p-selectbutton.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-slider { background: #424b57; @@ -1629,7 +1629,7 @@ right: 3rem; } .p-treeselect.p-invalid.p-component { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; @@ -1740,7 +1740,7 @@ color: #030712; } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #FCA5A5; + border-color: #fca5a5; } .p-button { color: #030712; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,15 +3104,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(45, 212, 191, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(45, 212, 191, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #1c2532; } @@ -3801,19 +3804,15 @@ border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #424b57; background: #1f2937; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #424b57; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #424b57; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); + .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-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(45, 212, 191, 0.16); + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(45, 212, 191, 0.16); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); - } .p-megamenu .p-megamenu-panel { background: #374151; color: rgba(255, 255, 255, 0.87); border: 1px solid #424b57; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(45, 212, 191, 0.16); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4478,8 +4470,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #374151; @@ -4626,89 +4690,94 @@ border: 1px solid #424b57; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(45, 212, 191, 0.16); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4718,25 +4787,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(45, 212, 191, 0.16); + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #424b57; color: rgba(255, 255, 255, 0.87); background: #1f2937; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem rgba(45, 212, 191, 0.2); + box-shadow: inset 0 0 0 0.2rem rgba(45, 212, 191, 0.2); } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #424b57; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1f2937; border-color: #424b57; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #424b57; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #424b57; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link: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-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #374151; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #374151; + border: 1px solid #424b57; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(45, 212, 191, 0.16); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem rgba(45, 212, 191, 0.2); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(45, 212, 191, 0.24); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #374151; - border: 1px solid #424b57; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #424b57; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #374151; - border: 1px solid #424b57; - 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-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.p-menuitem-active > .p-menuitem-link { - background: rgba(45, 212, 191, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #424b57; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/lara-light-amber/theme.css b/public/themes/lara-light-amber/theme.css index 7c78bd0c89..466d6a1330 100644 --- a/public/themes/lara-light-amber/theme.css +++ b/public/themes/lara-light-amber/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#f59e0b; - --primary-color-text:#ffffff; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #f59e0b; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f3f4f6; @@ -35,15 +35,15 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; --focus-ring: 0 0 0 0.2rem #fef08a; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #fffbeb; @@ -1903,8 +1903,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #475569; @@ -1912,7 +1912,7 @@ 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { background: #334155; @@ -1921,33 +1921,33 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; @@ -1960,7 +1960,7 @@ 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-fileupload-choose.p-button-info:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; + 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-fileupload-choose.p-button-info:not(:disabled):active { background: #0369a1; @@ -1999,51 +1999,51 @@ } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #16A34A; + background: #16a34a; color: #ffffff; - border-color: #16A34A; + 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-fileupload-choose.p-button-success:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; + 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-fileupload-choose.p-button-success:not(:disabled):active { - background: #15803D; + background: #15803d; color: #ffffff; - border-color: #15803D; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #ffffff; @@ -2056,7 +2056,7 @@ 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-fileupload-choose.p-button-warning:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; + 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-fileupload-choose.p-button-warning:not(:disabled):active { background: #c2410c; @@ -2095,99 +2095,99 @@ } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #9333EA; + background: #9333ea; color: #ffffff; - border-color: #9333EA; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #7E22CE; + background: #7e22ce; color: #ffffff; - border-color: #7E22CE; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #DC2626; + background: #dc2626; color: #ffffff; - border-color: #DC2626; + 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-fileupload-choose.p-button-danger:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; + 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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #B91C1C; + background: #b91c1c; color: #ffffff; - border-color: #B91C1C; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { color: #b45309; @@ -2300,31 +2300,31 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; @@ -2356,31 +2356,31 @@ } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; @@ -2412,59 +2412,59 @@ } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,15 +3104,17 @@ background: #f3f4f6; color: #4b5563; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fef08a; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #b45309; background: #fffbeb; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(245, 158, 11, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; } @@ -3801,19 +3804,15 @@ border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #f9fafb; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fef08a; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #fffbeb; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #b45309; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #b45309; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #fef08a; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; - user-select: none; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fef08a; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; background: #fffbeb; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #b45309; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b45309; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #b45309; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; + background: #e5e7eb; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6b7280; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fef08a; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #374151; @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #fffbeb; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #b45309; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #b45309; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4478,8 +4470,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #fef08a; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fef08a; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fef08a; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4626,90 +4690,95 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fef08a; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fef08a; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #fffbeb; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #b45309; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #b45309; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #b45309; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.5rem 0; @@ -4718,25 +4787,70 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #fffbeb; + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #b45309; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fef08a; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #b45309; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fef08a; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #e5e7eb; color: #6b7280; background: #f9fafb; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fef08a; + box-shadow: inset 0 0 0 0.2rem #fef08a; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f9fafb; border-color: #e5e7eb; color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #e5e7eb; background: #f3f4f6; color: #374151; @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .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: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fef08a; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fef08a; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b45309; + background: #fffbeb; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fef08a; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #fffbeb; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #b45309; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #b45309; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5669,7 +5875,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5681,7 +5887,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5742,11 +5948,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { @@ -5758,7 +5964,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5782,7 +5988,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5794,7 +6000,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } } diff --git a/public/themes/lara-light-blue/theme.css b/public/themes/lara-light-blue/theme.css index c16ffd9351..181b428e19 100644 --- a/public/themes/lara-light-blue/theme.css +++ b/public/themes/lara-light-blue/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#3B82F6; - --primary-color-text:#ffffff; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #3b82f6; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f3f4f6; @@ -35,19 +35,19 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #BFDBFE; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #bfdbfe; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #EFF6FF; - --highlight-text-color: #1D4ED8; + --highlight-bg: #eff6ff; + --highlight-text-color: #1d4ed8; color-scheme: light; } @@ -271,22 +271,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #3B82F6; + color: #3b82f6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #3B82F6; + stroke: #3b82f6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #3B82F6; + fill: #3b82f6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #3B82F6; + color: #3b82f6; } @layer primereact { @@ -328,7 +328,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; @@ -363,13 +363,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; @@ -385,8 +385,8 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; border-radius: 6px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -419,8 +419,8 @@ background: #f3f4f6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -477,7 +477,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -491,7 +491,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #3B82F6; + color: #3b82f6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -518,13 +518,13 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-datepicker table td.p-datepicker-today > span { background: #d1d5db; @@ -532,8 +532,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -563,7 +563,7 @@ .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -586,8 +586,8 @@ border-radius: 6px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -598,8 +598,8 @@ border-radius: 6px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #e5e7eb; @@ -621,7 +621,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; @@ -629,7 +629,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; @@ -637,7 +637,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { @@ -651,13 +651,13 @@ border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -705,11 +705,11 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + box-shadow: inset 0 0 0 0.15rem #bfdbfe; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -754,26 +754,26 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #3B82F6; - background: #3B82F6; + border-color: #3b82f6; + background: #3b82f6; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - border-color: #1D4ED8; - background: #1D4ED8; + border-color: #1d4ed8; + background: #1d4ed8; color: #ffffff; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #1D4ED8; - background: #1D4ED8; + border-color: #1d4ed8; + background: #1d4ed8; color: #ffffff; } .p-checkbox.p-invalid > .p-checkbox-box { @@ -783,31 +783,31 @@ background-color: #f3f4f6; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #3B82F6; + background: #3b82f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f3f4f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #1D4ED8; + background: #1d4ed8; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #EFF6FF; + background: #eff6ff; color: #4b5563; border-radius: 16px; } @@ -850,13 +850,13 @@ border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -930,8 +930,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -1051,13 +1051,13 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #b7bcc5; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #3B82F6; + background: #3b82f6; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; @@ -1081,13 +1081,13 @@ border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-inputtext.p-invalid.p-component { border-color: #e24c4c; @@ -1192,13 +1192,13 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + box-shadow: inset 0 0 0 0.15rem #bfdbfe; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; @@ -1243,8 +1243,8 @@ background: #f3f4f6; } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-multiselect { background: #ffffff; @@ -1253,13 +1253,13 @@ border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.75rem; @@ -1347,7 +1347,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1362,8 +1362,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -1372,7 +1372,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + box-shadow: inset 0 0 0 0.15rem #bfdbfe; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1436,13 +1436,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1451,12 +1451,12 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #3B82F6; - background: #3B82F6; + border-color: #3b82f6; + background: #3b82f6; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #1D4ED8; - background: #1D4ED8; + border-color: #1d4ed8; + background: #1d4ed8; color: #ffffff; } .p-radiobutton.p-invalid > .p-radiobutton-box { @@ -1472,10 +1472,10 @@ background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #3B82F6; + background: #3b82f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #1D4ED8; + background: #1d4ed8; } .p-rating { gap: 0.5rem; @@ -1495,13 +1495,13 @@ .p-rating .p-rating-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #3B82F6; + color: #3b82f6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #3B82F6; + color: #3b82f6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; @@ -1526,8 +1526,8 @@ color: #374151; } .p-selectbutton .p-button.p-highlight { - background: #3B82F6; - border-color: #3B82F6; + background: #3b82f6; + border-color: #3b82f6; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1569,21 +1569,21 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #3B82F6; + border: 2px solid #3b82f6; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-slider .p-slider-range { - background: #3B82F6; + background: #3b82f6; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #3B82F6; - border-color: #3B82F6; + background: #3b82f6; + border-color: #3b82f6; } .p-treeselect { background: #ffffff; @@ -1592,13 +1592,13 @@ border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #3B82F6; + border-color: #3b82f6; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; - border-color: #3B82F6; + box-shadow: 0 0 0 0.2rem #bfdbfe; + border-color: #3b82f6; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.75rem; @@ -1683,7 +1683,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; @@ -1722,8 +1722,8 @@ color: #374151; } .p-togglebutton.p-button.p-highlight { - background: #3B82F6; - border-color: #3B82F6; + background: #3b82f6; + border-color: #3b82f6; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1744,8 +1744,8 @@ } .p-button { color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; + background: #3b82f6; + border: 1px solid #3b82f6; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1757,23 +1757,23 @@ border-color: #2563eb; } .p-button:not(:disabled):active { - background: #1D4ED8; + background: #1d4ed8; color: #ffffff; - border-color: #1D4ED8; + border-color: #1d4ed8; } .p-button.p-button-outlined { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + color: #3b82f6; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + color: #3b82f6; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1790,17 +1790,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + color: #3b82f6; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + color: #3b82f6; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1817,7 +1817,7 @@ .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-button .p-button-label { transition-duration: 0.2s; @@ -1839,7 +1839,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #3B82F6; + color: #3b82f6; background-color: #ffffff; } .p-button.p-button-raised { @@ -1903,8 +1903,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #475569; @@ -1912,7 +1912,7 @@ 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { background: #334155; @@ -1921,33 +1921,33 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; @@ -1960,7 +1960,7 @@ 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-fileupload-choose.p-button-info:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; + 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-fileupload-choose.p-button-info:not(:disabled):active { background: #0369a1; @@ -1999,51 +1999,51 @@ } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #16A34A; + background: #16a34a; color: #ffffff; - border-color: #16A34A; + 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-fileupload-choose.p-button-success:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; + 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-fileupload-choose.p-button-success:not(:disabled):active { - background: #15803D; + background: #15803d; color: #ffffff; - border-color: #15803D; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #ffffff; @@ -2056,7 +2056,7 @@ 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-fileupload-choose.p-button-warning:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; + 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-fileupload-choose.p-button-warning:not(:disabled):active { background: #c2410c; @@ -2095,108 +2095,108 @@ } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #9333EA; + background: #9333ea; color: #ffffff; - border-color: #9333EA; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #7E22CE; + background: #7e22ce; color: #ffffff; - border-color: #7E22CE; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #DC2626; + background: #dc2626; color: #ffffff; - border-color: #DC2626; + 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-fileupload-choose.p-button-danger:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; + 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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #B91C1C; + background: #b91c1c; color: #ffffff; - border-color: #B91C1C; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { - color: #1D4ED8; + color: #1d4ed8; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #1D4ED8; + color: #1d4ed8; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2204,12 +2204,12 @@ } .p-button.p-button-link:not(:disabled):focus { background: transparent; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; border-color: transparent; } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #1D4ED8; + color: #1d4ed8; border-color: transparent; } .p-splitbutton { @@ -2217,16 +2217,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + color: #3b82f6; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + color: #3b82f6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6b7280; @@ -2242,17 +2242,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + color: #3b82f6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + color: #3b82f6; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2300,31 +2300,31 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; @@ -2356,31 +2356,31 @@ } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; @@ -2412,59 +2412,59 @@ } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2551,7 +2551,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2571,8 +2571,8 @@ background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; @@ -2626,8 +2626,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2638,21 +2638,21 @@ color: #374151; } .p-datatable .p-sortable-column.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #1D4ED8; + color: #1d4ed8; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #1D4ED8; + color: #1d4ed8; } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + box-shadow: inset 0 0 0 0.15rem #bfdbfe; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2692,7 +2692,7 @@ .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; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2701,29 +2701,29 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { - outline: 0.15rem solid #BFDBFE; + outline: 0.15rem solid #bfdbfe; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #EFF6FF; + box-shadow: inset 0 2px 0 0 #eff6ff; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #EFF6FF; + box-shadow: inset 0 -2px 0 0 #eff6ff; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #f3f4f6; color: #4b5563; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible { - outline: 0.15rem solid #BFDBFE; + outline: 0.15rem solid #bfdbfe; outline-offset: -0.15rem; } .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover { @@ -2731,7 +2731,7 @@ color: #4b5563; } .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible { - outline: 0.15rem solid #BFDBFE; + outline: 0.15rem solid #bfdbfe; outline-offset: -0.15rem; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover { @@ -2739,7 +2739,7 @@ color: #4b5563; } .p-datatable .p-column-resizer-helper { - background: #3B82F6; + background: #3b82f6; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2815,14 +2815,14 @@ background: #f8f8fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { - color: #1D4ED8; + color: #1d4ed8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { - color: #1D4ED8; + color: #1d4ed8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded { background: #f8f8fa; @@ -2962,13 +2962,13 @@ color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-column-filter-clear-button { width: 2rem; @@ -2987,7 +2987,7 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-column-filter-overlay { background: #ffffff; @@ -3010,8 +3010,8 @@ border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -3020,7 +3020,7 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + box-shadow: inset 0 0 0 0.15rem #bfdbfe; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #e5e7eb; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,14 +3104,16 @@ background: #f3f4f6; color: #4b5563; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(59, 130, 246, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; @@ -3123,8 +3126,8 @@ color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #70aeff; @@ -3154,7 +3157,7 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-paginator { background: #ffffff; @@ -3227,9 +3230,9 @@ border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #EFF6FF; - border-color: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + border-color: #eff6ff; + color: #1d4ed8; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #f3f4f6; @@ -3288,11 +3291,11 @@ .p-picklist .p-picklist-list .p-picklist-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + box-shadow: inset 0 0 0 0.15rem #bfdbfe; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-tree { border: 1px solid #e5e7eb; @@ -3327,7 +3330,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3342,19 +3345,19 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + box-shadow: inset 0 0 0 0.15rem #bfdbfe; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #1D4ED8; + color: #1d4ed8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #1D4ED8; + color: #1d4ed8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f3f4f6; @@ -3435,7 +3438,7 @@ background: #f9fafb; } .p-treetable .p-sortable-column { - outline-color: #BFDBFE; + outline-color: #bfdbfe; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #374151; @@ -3446,8 +3449,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3458,11 +3461,11 @@ color: #374151; } .p-treetable .p-sortable-column.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #1D4ED8; + color: #1d4ed8; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; @@ -3493,7 +3496,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; @@ -3502,18 +3505,18 @@ color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #BFDBFE; + outline: 0.15rem solid #bfdbfe; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #1D4ED8; + color: #1d4ed8; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #1D4ED8; + color: #1d4ed8; } .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #f3f4f6; @@ -3523,7 +3526,7 @@ color: #4b5563; } .p-treetable .p-column-resizer-helper { - background: #3B82F6; + background: #3b82f6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3561,14 +3564,14 @@ background: #f8f8fa; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { - color: #1D4ED8; + color: #1d4ed8; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { - color: #1D4ED8; + color: #1d4ed8; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded { background: #f8f8fa; @@ -3604,7 +3607,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #3B82F6; + border: 2px solid #3b82f6; border-radius: 50%; width: 1rem; height: 1rem; @@ -3642,7 +3645,7 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #f3f4f6; @@ -3730,7 +3733,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #f3f4f6; @@ -3791,7 +3794,7 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -3801,19 +3804,15 @@ border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #f9fafb; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfdbfe; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -3860,7 +3864,7 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #BFDBFE; + box-shadow: inset 0 0 0 0.2rem #bfdbfe; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; @@ -3869,15 +3873,15 @@ } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #3B82F6; - color: #3B82F6; + border-color: #3b82f6; + color: #3b82f6; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #3B82F6; + color: #3b82f6; width: 3rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; @@ -3885,7 +3889,7 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #BFDBFE; + box-shadow: inset 0 0 0 0.2rem #bfdbfe; } .p-tabview .p-tabview-panels { background: #ffffff; @@ -3987,7 +3991,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -4038,7 +4042,7 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #3B82F6; + background: #3b82f6; color: #ffffff; width: 2rem; height: 2rem; @@ -4097,7 +4101,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4167,7 +4171,7 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: #4b5563; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1d4ed8; + background: #eff6ff; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1d4ed8; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1d4ed8; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EFF6FF; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #1D4ED8; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #1D4ED8; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #bfdbfe; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; - user-select: none; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #EFF6FF; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1d4ed8; + background: #eff6ff; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #1D4ED8; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1d4ed8; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #1D4ED8; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1d4ed8; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #1D4ED8; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; + background: #e5e7eb; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6b7280; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #374151; @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EFF6FF; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #1D4ED8; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #1D4ED8; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4476,10 +4468,38 @@ .p-megamenu .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #1d4ed8; + background: #eff6ff; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1d4ed8; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1d4ed8; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1d4ed8; + background: #eff6ff; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1d4ed8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1d4ed8; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4626,90 +4690,95 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; - } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #1d4ed8; + background: #eff6ff; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1d4ed8; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1d4ed8; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #EFF6FF; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #1D4ED8; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #1D4ED8; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #1D4ED8; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.5rem 0; @@ -4718,25 +4787,70 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #bfdbfe; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EFF6FF; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #1D4ED8; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #1D4ED8; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4757,7 +4871,7 @@ .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-menubar .p-menubar-root-list { position: absolute; @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #1d4ed8; + background: #eff6ff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1d4ed8; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1d4ed8; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #e5e7eb; color: #6b7280; background: #f9fafb; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: inset 0 0 0 0.2rem #bfdbfe; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f9fafb; border-color: #e5e7eb; color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #e5e7eb; background: #f3f4f6; color: #374151; @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #1d4ed8; + background: #eff6ff; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1d4ed8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1d4ed8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .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: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #1d4ed8; + background: #eff6ff; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1d4ed8; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1d4ed8; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5012,13 +5203,13 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #EFF6FF; + background: #eff6ff; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #1D4ED8; + color: #1d4ed8; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #1D4ED8; + color: #1d4ed8; } .p-slidemenu .p-slidemenu-separator { border-top: 1px solid #e5e7eb; @@ -5059,11 +5250,11 @@ .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; @@ -5107,7 +5298,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #BFDBFE; + box-shadow: inset 0 0 0 0.2rem #bfdbfe; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; @@ -5116,8 +5307,8 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #3B82F6; - color: #3B82F6; + border-color: #3b82f6; + color: #3b82f6; } .p-tieredmenu { padding: 0.5rem 0; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #1d4ed8; + background: #eff6ff; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #1d4ed8; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #1d4ed8; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(59, 130, 246, 0.24); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #BFDBFE; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EFF6FF; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #1D4ED8; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #1D4ED8; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5268,7 +5474,7 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-message.p-message-info { background: rgba(219, 234, 254, 0.7); @@ -5377,7 +5583,7 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-toast .p-toast-message.p-toast-message-info { background: rgba(219, 234, 254, 0.7); @@ -5480,8 +5686,8 @@ background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -5499,8 +5705,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EFF6FF; - color: #1D4ED8; + background: #eff6ff; + color: #1d4ed8; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -5527,7 +5733,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); @@ -5627,7 +5833,7 @@ .p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5661,7 +5867,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { - background: #3B82F6; + background: #3b82f6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5669,7 +5875,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5681,7 +5887,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5704,7 +5910,7 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #BFDBFE; + box-shadow: 0 0 0 0.2rem #bfdbfe; } .p-progressbar { border: 0 none; @@ -5715,7 +5921,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #3B82F6; + background: #3b82f6; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5733,7 +5939,7 @@ font-size: 1rem; } .p-badge { - background: #3B82F6; + background: #3b82f6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5742,11 +5948,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { @@ -5758,7 +5964,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5774,7 +5980,7 @@ line-height: 3rem; } .p-tag { - background: #3B82F6; + background: #3b82f6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5782,7 +5988,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5794,7 +6000,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } } @@ -5818,17 +6024,17 @@ position: absolute; bottom: 0; height: 2px; - background-color: #3B82F6; + background-color: #3b82f6; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } .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; + background-color: #3b82f6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #3B82F6; + background-color: #3b82f6; } .p-button:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0); @@ -5852,10 +6058,10 @@ 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; + 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; + box-shadow: inset 0 -2px 0 0 #3b82f6; } .p-speeddial-item.p-focus > .p-speeddial-action { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #9dc1fb, 0 1px 2px 0 rgb(0, 0, 0); @@ -5871,7 +6077,7 @@ 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; + background: #3b82f6; color: #ffffff; } } diff --git a/public/themes/lara-light-cyan/theme.css b/public/themes/lara-light-cyan/theme.css index bd889fdc67..7545c972df 100644 --- a/public/themes/lara-light-cyan/theme.css +++ b/public/themes/lara-light-cyan/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#06b6d4; - --primary-color-text:#ffffff; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #06b6d4; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f3f4f6; @@ -35,15 +35,15 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; --focus-ring: 0 0 0 0.2rem #a5f3fc; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #ecfeff; @@ -1903,8 +1903,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #475569; @@ -1912,7 +1912,7 @@ 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { background: #334155; @@ -1921,33 +1921,33 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; @@ -1960,7 +1960,7 @@ 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-fileupload-choose.p-button-info:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; + 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-fileupload-choose.p-button-info:not(:disabled):active { background: #0369a1; @@ -1999,51 +1999,51 @@ } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #16A34A; + background: #16a34a; color: #ffffff; - border-color: #16A34A; + 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-fileupload-choose.p-button-success:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; + 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-fileupload-choose.p-button-success:not(:disabled):active { - background: #15803D; + background: #15803d; color: #ffffff; - border-color: #15803D; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #ffffff; @@ -2056,7 +2056,7 @@ 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-fileupload-choose.p-button-warning:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; + 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-fileupload-choose.p-button-warning:not(:disabled):active { background: #c2410c; @@ -2095,99 +2095,99 @@ } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #9333EA; + background: #9333ea; color: #ffffff; - border-color: #9333EA; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #7E22CE; + background: #7e22ce; color: #ffffff; - border-color: #7E22CE; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #DC2626; + background: #dc2626; color: #ffffff; - border-color: #DC2626; + 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-fileupload-choose.p-button-danger:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; + 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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #B91C1C; + background: #b91c1c; color: #ffffff; - border-color: #B91C1C; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { color: #0e7490; @@ -2300,31 +2300,31 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; @@ -2356,31 +2356,31 @@ } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; @@ -2412,59 +2412,59 @@ } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,15 +3104,17 @@ background: #f3f4f6; color: #4b5563; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #0e7490; background: #ecfeff; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(6, 182, 212, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; } @@ -3801,19 +3804,15 @@ border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #f9fafb; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #ecfeff; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #0e7490; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0e7490; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a5f3fc; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; - user-select: none; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; background: #ecfeff; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0e7490; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0e7490; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0e7490; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; + background: #e5e7eb; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6b7280; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #374151; @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #ecfeff; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #0e7490; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0e7490; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4478,8 +4470,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a5f3fc; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4626,90 +4690,95 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #ecfeff; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #0e7490; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0e7490; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0e7490; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.5rem 0; @@ -4718,25 +4787,70 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #ecfeff; + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #0e7490; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a5f3fc; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0e7490; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #e5e7eb; color: #6b7280; background: #f9fafb; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a5f3fc; + box-shadow: inset 0 0 0 0.2rem #a5f3fc; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f9fafb; border-color: #e5e7eb; color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #e5e7eb; background: #f3f4f6; color: #374151; @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .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: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0e7490; + background: #ecfeff; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a5f3fc; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #ecfeff; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #0e7490; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0e7490; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5669,7 +5875,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5681,7 +5887,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5742,11 +5948,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { @@ -5758,7 +5964,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5782,7 +5988,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5794,7 +6000,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } } diff --git a/public/themes/lara-light-green/theme.css b/public/themes/lara-light-green/theme.css index 833102a957..31ca319a0d 100644 --- a/public/themes/lara-light-green/theme.css +++ b/public/themes/lara-light-green/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#10b981; - --primary-color-text:#ffffff; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #10b981; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f3f4f6; @@ -35,18 +35,18 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; --focus-ring: 0 0 0 0.2rem #a7f3d0; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #F0FDFA; + --highlight-bg: #f0fdfa; --highlight-text-color: #047857; color-scheme: light; } @@ -385,7 +385,7 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #F0FDFA; + background: #f0fdfa; color: #047857; border-radius: 6px; } @@ -420,7 +420,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -519,7 +519,7 @@ } .p-datepicker table td > span.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; } .p-datepicker table td > span:focus { outline: 0 none; @@ -533,7 +533,7 @@ } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -587,7 +587,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -599,7 +599,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #e5e7eb; @@ -709,7 +709,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -807,7 +807,7 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #F0FDFA; + background: #f0fdfa; color: #4b5563; border-radius: 16px; } @@ -931,7 +931,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -1193,7 +1193,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -1244,7 +1244,7 @@ } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; } .p-multiselect { background: #ffffff; @@ -1363,7 +1363,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -1903,8 +1903,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #475569; @@ -1912,7 +1912,7 @@ 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { background: #334155; @@ -1921,33 +1921,33 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; @@ -1960,7 +1960,7 @@ 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-fileupload-choose.p-button-info:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; + 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-fileupload-choose.p-button-info:not(:disabled):active { background: #0369a1; @@ -1999,51 +1999,51 @@ } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #16A34A; + background: #16a34a; color: #ffffff; - border-color: #16A34A; + 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-fileupload-choose.p-button-success:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; + 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-fileupload-choose.p-button-success:not(:disabled):active { - background: #15803D; + background: #15803d; color: #ffffff; - border-color: #15803D; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #ffffff; @@ -2056,7 +2056,7 @@ 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-fileupload-choose.p-button-warning:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; + 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-fileupload-choose.p-button-warning:not(:disabled):active { background: #c2410c; @@ -2095,99 +2095,99 @@ } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #9333EA; + background: #9333ea; color: #ffffff; - border-color: #9333EA; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #7E22CE; + background: #7e22ce; color: #ffffff; - border-color: #7E22CE; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #DC2626; + background: #dc2626; color: #ffffff; - border-color: #DC2626; + 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-fileupload-choose.p-button-danger:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; + 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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #B91C1C; + background: #b91c1c; color: #ffffff; - border-color: #B91C1C; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { color: #047857; @@ -2300,31 +2300,31 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; @@ -2356,31 +2356,31 @@ } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; @@ -2412,59 +2412,59 @@ } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2571,7 +2571,7 @@ background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-datatable .p-paginator-top { @@ -2627,7 +2627,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #047857; - background: #F0FDFA; + background: #f0fdfa; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2638,14 +2638,14 @@ color: #374151; } .p-datatable .p-sortable-column.p-highlight { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #047857; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { @@ -2701,11 +2701,11 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { @@ -2713,10 +2713,10 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #F0FDFA; + box-shadow: inset 0 2px 0 0 #f0fdfa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #F0FDFA; + box-shadow: inset 0 -2px 0 0 #f0fdfa; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #f3f4f6; @@ -2815,7 +2815,7 @@ background: #f8f8fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -2962,7 +2962,7 @@ color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-column-filter-menu-button:focus-visible { @@ -3011,7 +3011,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,14 +3104,16 @@ background: #f3f4f6; color: #4b5563; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(16, 185, 129, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; @@ -3123,7 +3126,7 @@ color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { @@ -3227,8 +3230,8 @@ border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #F0FDFA; - border-color: #F0FDFA; + background: #f0fdfa; + border-color: #f0fdfa; color: #047857; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3292,7 +3295,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; } .p-tree { border: 1px solid #e5e7eb; @@ -3345,7 +3348,7 @@ box-shadow: inset 0 0 0 0.15rem #a7f3d0; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3447,7 +3450,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #047857; - background: #F0FDFA; + background: #f0fdfa; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3458,7 +3461,7 @@ color: #374151; } .p-treetable .p-sortable-column.p-highlight { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { @@ -3506,7 +3509,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -3561,7 +3564,7 @@ background: #f8f8fa; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -3801,19 +3804,15 @@ border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #f9fafb; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #f0fdfa; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F0FDFA; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #047857; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #047857; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7f3d0; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; - user-select: none; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #F0FDFA; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #047857; + background: #f0fdfa; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #047857; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #047857; } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; - color: #4b5563; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6b7280; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #374151; @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F0FDFA; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #047857; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #047857; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4478,8 +4470,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a7f3d0; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #047857; + background: #f0fdfa; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #f0fdfa; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4626,90 +4690,95 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; - } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #f0fdfa; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #F0FDFA; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #047857; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #047857; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #047857; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.5rem 0; @@ -4718,25 +4787,70 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F0FDFA; + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #047857; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a7f3d0; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #047857; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #047857; + background: #f0fdfa; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #e5e7eb; color: #6b7280; background: #f9fafb; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a7f3d0; + box-shadow: inset 0 0 0 0.2rem #a7f3d0; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f9fafb; border-color: #e5e7eb; color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #e5e7eb; background: #f3f4f6; color: #374151; @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #f0fdfa; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .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: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #047857; + background: #f0fdfa; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5012,7 +5203,7 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #F0FDFA; + background: #f0fdfa; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { color: #047857; @@ -5062,7 +5253,7 @@ box-shadow: 0 0 0 0.2rem #a7f3d0; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #047857; + background: #f0fdfa; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(16, 185, 129, 0.24); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7f3d0; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F0FDFA; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #047857; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #047857; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5480,7 +5686,7 @@ background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5499,7 +5705,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-galleria .p-galleria-thumbnail-container { @@ -5669,7 +5875,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5681,7 +5887,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5742,11 +5948,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { @@ -5758,7 +5964,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5782,7 +5988,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5794,7 +6000,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } } diff --git a/public/themes/lara-light-indigo/theme.css b/public/themes/lara-light-indigo/theme.css index da044c3b94..9a6e7cf7ef 100644 --- a/public/themes/lara-light-indigo/theme.css +++ b/public/themes/lara-light-indigo/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#6366F1; - --primary-color-text:#ffffff; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #6366f1; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f3f4f6; @@ -35,19 +35,19 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #C7D2FE; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #c7d2fe; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #EEF2FF; - --highlight-text-color: #4338CA; + --highlight-bg: #eef2ff; + --highlight-text-color: #4338ca; color-scheme: light; } @@ -271,22 +271,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #6366F1; + color: #6366f1; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #6366F1; + stroke: #6366f1; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #6366F1; + fill: #6366f1; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #6366F1; + color: #6366f1; } @layer primereact { @@ -328,7 +328,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; @@ -363,13 +363,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #6366F1; + border-color: #6366f1; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; + box-shadow: 0 0 0 0.2rem #c7d2fe; + border-color: #6366f1; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; @@ -385,8 +385,8 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; border-radius: 6px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -419,8 +419,8 @@ background: #f3f4f6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -477,7 +477,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -491,7 +491,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #6366F1; + color: #6366f1; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -518,13 +518,13 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-datepicker table td.p-datepicker-today > span { background: #d1d5db; @@ -532,8 +532,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -563,7 +563,7 @@ .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -586,8 +586,8 @@ border-radius: 6px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -598,8 +598,8 @@ border-radius: 6px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #e5e7eb; @@ -621,7 +621,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; @@ -629,7 +629,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; @@ -637,7 +637,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { @@ -651,13 +651,13 @@ border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #6366F1; + border-color: #6366f1; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; + box-shadow: 0 0 0 0.2rem #c7d2fe; + border-color: #6366f1; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -705,11 +705,11 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + box-shadow: inset 0 0 0 0.15rem #c7d2fe; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -754,26 +754,26 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #6366F1; - background: #6366F1; + border-color: #6366f1; + background: #6366f1; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - border-color: #4338CA; - background: #4338CA; + border-color: #4338ca; + background: #4338ca; color: #ffffff; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #6366F1; + border-color: #6366f1; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; + box-shadow: 0 0 0 0.2rem #c7d2fe; + border-color: #6366f1; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #4338CA; - background: #4338CA; + border-color: #4338ca; + background: #4338ca; color: #ffffff; } .p-checkbox.p-invalid > .p-checkbox-box { @@ -783,31 +783,31 @@ background-color: #f3f4f6; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #6366F1; + background: #6366f1; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f3f4f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #4338CA; + background: #4338ca; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #6366F1; + border-color: #6366f1; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; + box-shadow: 0 0 0 0.2rem #c7d2fe; + border-color: #6366f1; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #EEF2FF; + background: #eef2ff; color: #4b5563; border-radius: 16px; } @@ -850,13 +850,13 @@ border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #6366F1; + border-color: #6366f1; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; + box-shadow: 0 0 0 0.2rem #c7d2fe; + border-color: #6366f1; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -930,8 +930,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -1051,19 +1051,19 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #b7bcc5; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #6366F1; + background: #6366f1; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #4F46E5; + background: #4f46e5; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #e24c4c; @@ -1081,13 +1081,13 @@ border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #6366F1; + border-color: #6366f1; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; + box-shadow: 0 0 0 0.2rem #c7d2fe; + border-color: #6366f1; } .p-inputtext.p-invalid.p-component { border-color: #e24c4c; @@ -1192,13 +1192,13 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + box-shadow: inset 0 0 0 0.15rem #c7d2fe; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; @@ -1243,8 +1243,8 @@ background: #f3f4f6; } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; } .p-multiselect { background: #ffffff; @@ -1253,13 +1253,13 @@ border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #6366F1; + border-color: #6366f1; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; + box-shadow: 0 0 0 0.2rem #c7d2fe; + border-color: #6366f1; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.75rem; @@ -1347,7 +1347,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1362,8 +1362,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -1372,7 +1372,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + box-shadow: inset 0 0 0 0.15rem #c7d2fe; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1436,13 +1436,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #6366F1; + border-color: #6366f1; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; + box-shadow: 0 0 0 0.2rem #c7d2fe; + border-color: #6366f1; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1451,12 +1451,12 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #6366F1; - background: #6366F1; + border-color: #6366f1; + background: #6366f1; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #4338CA; - background: #4338CA; + border-color: #4338ca; + background: #4338ca; color: #ffffff; } .p-radiobutton.p-invalid > .p-radiobutton-box { @@ -1472,10 +1472,10 @@ background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #6366F1; + background: #6366f1; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #4338CA; + background: #4338ca; } .p-rating { gap: 0.5rem; @@ -1495,13 +1495,13 @@ .p-rating .p-rating-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #6366F1; + color: #6366f1; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #6366F1; + color: #6366f1; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; @@ -1526,8 +1526,8 @@ color: #374151; } .p-selectbutton .p-button.p-highlight { - background: #6366F1; - border-color: #6366F1; + background: #6366f1; + border-color: #6366f1; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1535,8 +1535,8 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { - background: #4F46E5; - border-color: #4F46E5; + background: #4f46e5; + border-color: #4f46e5; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1569,21 +1569,21 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #6366F1; + border: 2px solid #6366f1; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-slider .p-slider-range { - background: #6366F1; + background: #6366f1; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #6366F1; - border-color: #6366F1; + background: #6366f1; + border-color: #6366f1; } .p-treeselect { background: #ffffff; @@ -1592,13 +1592,13 @@ border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #6366F1; + border-color: #6366f1; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; - border-color: #6366F1; + box-shadow: 0 0 0 0.2rem #c7d2fe; + border-color: #6366f1; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.75rem; @@ -1683,7 +1683,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; @@ -1722,8 +1722,8 @@ color: #374151; } .p-togglebutton.p-button.p-highlight { - background: #6366F1; - border-color: #6366F1; + background: #6366f1; + border-color: #6366f1; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1731,8 +1731,8 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { - background: #4F46E5; - border-color: #4F46E5; + background: #4f46e5; + border-color: #4f46e5; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1744,36 +1744,36 @@ } .p-button { color: #ffffff; - background: #6366F1; - border: 1px solid #6366F1; + background: #6366f1; + border: 1px solid #6366f1; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-button:not(:disabled):hover { - background: #4F46E5; + background: #4f46e5; color: #ffffff; - border-color: #4F46E5; + border-color: #4f46e5; } .p-button:not(:disabled):active { - background: #4338CA; + background: #4338ca; color: #ffffff; - border-color: #4338CA; + border-color: #4338ca; } .p-button.p-button-outlined { background-color: transparent; - color: #6366F1; + color: #6366f1; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(99, 102, 241, 0.04); - color: #6366F1; + color: #6366f1; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(99, 102, 241, 0.16); - color: #6366F1; + color: #6366f1; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1790,17 +1790,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #6366F1; + color: #6366f1; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(99, 102, 241, 0.04); - color: #6366F1; + color: #6366f1; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(99, 102, 241, 0.16); - color: #6366F1; + color: #6366f1; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1817,7 +1817,7 @@ .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-button .p-button-label { transition-duration: 0.2s; @@ -1839,7 +1839,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #6366F1; + color: #6366f1; background-color: #ffffff; } .p-button.p-button-raised { @@ -1903,8 +1903,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #475569; @@ -1912,7 +1912,7 @@ 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { background: #334155; @@ -1921,33 +1921,33 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; @@ -1960,7 +1960,7 @@ 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-fileupload-choose.p-button-info:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; + 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-fileupload-choose.p-button-info:not(:disabled):active { background: #0369a1; @@ -1999,51 +1999,51 @@ } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #16A34A; + background: #16a34a; color: #ffffff; - border-color: #16A34A; + 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-fileupload-choose.p-button-success:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; + 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-fileupload-choose.p-button-success:not(:disabled):active { - background: #15803D; + background: #15803d; color: #ffffff; - border-color: #15803D; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #ffffff; @@ -2056,7 +2056,7 @@ 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-fileupload-choose.p-button-warning:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; + 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-fileupload-choose.p-button-warning:not(:disabled):active { background: #c2410c; @@ -2095,108 +2095,108 @@ } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #9333EA; + background: #9333ea; color: #ffffff; - border-color: #9333EA; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #7E22CE; + background: #7e22ce; color: #ffffff; - border-color: #7E22CE; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #DC2626; + background: #dc2626; color: #ffffff; - border-color: #DC2626; + 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-fileupload-choose.p-button-danger:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; + 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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #B91C1C; + background: #b91c1c; color: #ffffff; - border-color: #B91C1C; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { - color: #4338CA; + color: #4338ca; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #4338CA; + color: #4338ca; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2204,12 +2204,12 @@ } .p-button.p-button-link:not(:disabled):focus { background: transparent; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; border-color: transparent; } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #4338CA; + color: #4338ca; border-color: transparent; } .p-splitbutton { @@ -2217,16 +2217,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #6366F1; + color: #6366f1; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(99, 102, 241, 0.04); - color: #6366F1; + color: #6366f1; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(99, 102, 241, 0.16); - color: #6366F1; + color: #6366f1; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6b7280; @@ -2242,17 +2242,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #6366F1; + color: #6366f1; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(99, 102, 241, 0.04); - color: #6366F1; + color: #6366f1; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(99, 102, 241, 0.16); - color: #6366F1; + color: #6366f1; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2300,31 +2300,31 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; @@ -2356,31 +2356,31 @@ } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; @@ -2412,59 +2412,59 @@ } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2551,7 +2551,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2571,8 +2571,8 @@ background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; @@ -2626,8 +2626,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2638,21 +2638,21 @@ color: #374151; } .p-datatable .p-sortable-column.p-highlight { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4338CA; + color: #4338ca; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #4338CA; + color: #4338ca; } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + box-shadow: inset 0 0 0 0.15rem #c7d2fe; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2692,7 +2692,7 @@ .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; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2701,29 +2701,29 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { - outline: 0.15rem solid #C7D2FE; + outline: 0.15rem solid #c7d2fe; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #EEF2FF; + box-shadow: inset 0 2px 0 0 #eef2ff; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #EEF2FF; + box-shadow: inset 0 -2px 0 0 #eef2ff; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #f3f4f6; color: #4b5563; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible { - outline: 0.15rem solid #C7D2FE; + outline: 0.15rem solid #c7d2fe; outline-offset: -0.15rem; } .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover { @@ -2731,7 +2731,7 @@ color: #4b5563; } .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible { - outline: 0.15rem solid #C7D2FE; + outline: 0.15rem solid #c7d2fe; outline-offset: -0.15rem; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover { @@ -2739,7 +2739,7 @@ color: #4b5563; } .p-datatable .p-column-resizer-helper { - background: #6366F1; + background: #6366f1; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2815,14 +2815,14 @@ background: #f8f8fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { - color: #4338CA; + color: #4338ca; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { - color: #4338CA; + color: #4338ca; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded { background: #f8f8fa; @@ -2962,13 +2962,13 @@ color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-column-filter-clear-button { width: 2rem; @@ -2987,7 +2987,7 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-column-filter-overlay { background: #ffffff; @@ -3010,8 +3010,8 @@ border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -3020,7 +3020,7 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + box-shadow: inset 0 0 0 0.15rem #c7d2fe; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #e5e7eb; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,14 +3104,16 @@ background: #f3f4f6; color: #4b5563; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(99, 102, 241, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; @@ -3123,8 +3126,8 @@ color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #6f91ff; @@ -3154,7 +3157,7 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-paginator { background: #ffffff; @@ -3227,9 +3230,9 @@ border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #EEF2FF; - border-color: #EEF2FF; - color: #4338CA; + background: #eef2ff; + border-color: #eef2ff; + color: #4338ca; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #f3f4f6; @@ -3288,11 +3291,11 @@ .p-picklist .p-picklist-list .p-picklist-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + box-shadow: inset 0 0 0 0.15rem #c7d2fe; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; } .p-tree { border: 1px solid #e5e7eb; @@ -3327,7 +3330,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3342,19 +3345,19 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + box-shadow: inset 0 0 0 0.15rem #c7d2fe; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #4338CA; + color: #4338ca; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #4338CA; + color: #4338ca; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f3f4f6; @@ -3435,7 +3438,7 @@ background: #f9fafb; } .p-treetable .p-sortable-column { - outline-color: #C7D2FE; + outline-color: #c7d2fe; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #374151; @@ -3446,8 +3449,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3458,11 +3461,11 @@ color: #374151; } .p-treetable .p-sortable-column.p-highlight { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4338CA; + color: #4338ca; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; @@ -3493,7 +3496,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; @@ -3502,18 +3505,18 @@ color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #C7D2FE; + outline: 0.15rem solid #c7d2fe; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #4338CA; + color: #4338ca; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #4338CA; + color: #4338ca; } .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #f3f4f6; @@ -3523,7 +3526,7 @@ color: #4b5563; } .p-treetable .p-column-resizer-helper { - background: #6366F1; + background: #6366f1; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3561,14 +3564,14 @@ background: #f8f8fa; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { - color: #4338CA; + color: #4338ca; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { - color: #4338CA; + color: #4338ca; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded { background: #f8f8fa; @@ -3604,7 +3607,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #6366F1; + border: 2px solid #6366f1; border-radius: 50%; width: 1rem; height: 1rem; @@ -3642,7 +3645,7 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #f3f4f6; @@ -3730,7 +3733,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #f3f4f6; @@ -3791,7 +3794,7 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -3801,19 +3804,15 @@ border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #f9fafb; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c7d2fe; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -3860,7 +3864,7 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C7D2FE; + box-shadow: inset 0 0 0 0.2rem #c7d2fe; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; @@ -3869,15 +3873,15 @@ } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #6366F1; - color: #6366F1; + border-color: #6366f1; + color: #6366f1; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #6366F1; + color: #6366f1; width: 3rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; @@ -3885,7 +3889,7 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C7D2FE; + box-shadow: inset 0 0 0 0.2rem #c7d2fe; } .p-tabview .p-tabview-panels { background: #ffffff; @@ -3987,7 +3991,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -4038,7 +4042,7 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #6366F1; + background: #6366f1; color: #ffffff; width: 2rem; height: 2rem; @@ -4049,7 +4053,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #4F46E5; + background: #4f46e5; color: #ffffff; } .p-overlaypanel:after { @@ -4097,7 +4101,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4167,7 +4171,7 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: #4b5563; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338ca; + background: #eef2ff; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338ca; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338ca; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(99, 102, 241, 0.24); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EEF2FF; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #4338CA; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #4338CA; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #c7d2fe; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; - user-select: none; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338ca; + background: #eef2ff; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #EEF2FF; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338ca; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4338CA; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338ca; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #4338CA; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(99, 102, 241, 0.24); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #4338CA; - } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; + background: #e5e7eb; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6b7280; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #374151; @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EEF2FF; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #4338CA; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #4338CA; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4476,10 +4468,38 @@ .p-megamenu .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #4338ca; + background: #eef2ff; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338ca; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338ca; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(99, 102, 241, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338ca; + background: #eef2ff; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338ca; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338ca; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(99, 102, 241, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4626,90 +4690,95 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338ca; + background: #eef2ff; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338ca; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338ca; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(99, 102, 241, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #EEF2FF; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4338CA; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #4338CA; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #4338CA; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.5rem 0; @@ -4718,25 +4787,70 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c7d2fe; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EEF2FF; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #4338CA; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #4338CA; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4757,7 +4871,7 @@ .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-menubar .p-menubar-root-list { position: absolute; @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #4338ca; + background: #eef2ff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338ca; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338ca; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(99, 102, 241, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #e5e7eb; color: #6b7280; background: #f9fafb; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: inset 0 0 0 0.2rem #c7d2fe; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f9fafb; border-color: #e5e7eb; color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #e5e7eb; background: #f3f4f6; color: #374151; @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338ca; + background: #eef2ff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338ca; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338ca; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(99, 102, 241, 0.24); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .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: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #4338ca; + background: #eef2ff; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338ca; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338ca; + } + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(99, 102, 241, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5012,13 +5203,13 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #EEF2FF; + background: #eef2ff; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #4338CA; + color: #4338ca; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #4338CA; + color: #4338ca; } .p-slidemenu .p-slidemenu-separator { border-top: 1px solid #e5e7eb; @@ -5059,11 +5250,11 @@ .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; @@ -5107,7 +5298,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C7D2FE; + box-shadow: inset 0 0 0 0.2rem #c7d2fe; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; @@ -5116,8 +5307,8 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #6366F1; - color: #6366F1; + border-color: #6366f1; + color: #6366f1; } .p-tieredmenu { padding: 0.5rem 0; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4338ca; + background: #eef2ff; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4338ca; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4338ca; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(99, 102, 241, 0.24); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C7D2FE; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EEF2FF; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #4338CA; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #4338CA; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5268,7 +5474,7 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-message.p-message-info { background: rgba(219, 234, 254, 0.7); @@ -5377,7 +5583,7 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-toast .p-toast-message.p-toast-message-info { background: rgba(219, 234, 254, 0.7); @@ -5480,8 +5686,8 @@ background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -5499,8 +5705,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EEF2FF; - color: #4338CA; + background: #eef2ff; + color: #4338ca; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -5527,7 +5733,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); @@ -5627,7 +5833,7 @@ .p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5661,7 +5867,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { - background: #6366F1; + background: #6366f1; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5669,7 +5875,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5681,7 +5887,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5704,7 +5910,7 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C7D2FE; + box-shadow: 0 0 0 0.2rem #c7d2fe; } .p-progressbar { border: 0 none; @@ -5715,7 +5921,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #6366F1; + background: #6366f1; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5733,7 +5939,7 @@ font-size: 1rem; } .p-badge { - background: #6366F1; + background: #6366f1; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5742,11 +5948,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { @@ -5758,7 +5964,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5774,7 +5980,7 @@ line-height: 3rem; } .p-tag { - background: #6366F1; + background: #6366f1; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5782,7 +5988,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5794,7 +6000,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } } @@ -5818,17 +6024,17 @@ position: absolute; bottom: 0; height: 2px; - background-color: #6366F1; + background-color: #6366f1; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } .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; + background-color: #6366f1; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #6366F1; + background-color: #6366f1; } .p-button:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0); @@ -5852,10 +6058,10 @@ 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; + 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; + box-shadow: inset 0 -2px 0 0 #6366f1; } .p-speeddial-item.p-focus > .p-speeddial-action { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #b1b3f8, 0 1px 2px 0 rgb(0, 0, 0); @@ -5871,7 +6077,7 @@ 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; + background: #6366f1; color: #ffffff; } } diff --git a/public/themes/lara-light-pink/theme.css b/public/themes/lara-light-pink/theme.css index cbbd27a261..280cfe2736 100644 --- a/public/themes/lara-light-pink/theme.css +++ b/public/themes/lara-light-pink/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#ec4899; - --primary-color-text:#ffffff; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #ec4899; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f3f4f6; @@ -35,15 +35,15 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; --focus-ring: 0 0 0 0.2rem #fbcfe8; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #fdf2f8; @@ -1903,8 +1903,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #475569; @@ -1912,7 +1912,7 @@ 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { background: #334155; @@ -1921,33 +1921,33 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; @@ -1960,7 +1960,7 @@ 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-fileupload-choose.p-button-info:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; + 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-fileupload-choose.p-button-info:not(:disabled):active { background: #0369a1; @@ -1999,51 +1999,51 @@ } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #16A34A; + background: #16a34a; color: #ffffff; - border-color: #16A34A; + 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-fileupload-choose.p-button-success:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; + 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-fileupload-choose.p-button-success:not(:disabled):active { - background: #15803D; + background: #15803d; color: #ffffff; - border-color: #15803D; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #ffffff; @@ -2056,7 +2056,7 @@ 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-fileupload-choose.p-button-warning:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; + 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-fileupload-choose.p-button-warning:not(:disabled):active { background: #c2410c; @@ -2095,99 +2095,99 @@ } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #9333EA; + background: #9333ea; color: #ffffff; - border-color: #9333EA; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #7E22CE; + background: #7e22ce; color: #ffffff; - border-color: #7E22CE; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #DC2626; + background: #dc2626; color: #ffffff; - border-color: #DC2626; + 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-fileupload-choose.p-button-danger:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; + 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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #B91C1C; + background: #b91c1c; color: #ffffff; - border-color: #B91C1C; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { color: #be185d; @@ -2300,31 +2300,31 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; @@ -2356,31 +2356,31 @@ } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; @@ -2412,59 +2412,59 @@ } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,15 +3104,17 @@ background: #f3f4f6; color: #4b5563; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcfe8; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #be185d; background: #fdf2f8; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(236, 72, 153, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; } @@ -3801,19 +3804,15 @@ border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #f9fafb; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcfe8; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #fdf2f8; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #be185d; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #be185d; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #fbcfe8; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; - user-select: none; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcfe8; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; background: #fdf2f8; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #be185d; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #be185d; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #be185d; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; + background: #e5e7eb; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6b7280; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcfe8; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #374151; @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #fdf2f8; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #be185d; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #be185d; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4478,8 +4470,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #fbcfe8; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcfe8; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcfe8; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4626,90 +4690,95 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcfe8; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcfe8; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #fdf2f8; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #be185d; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #be185d; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #be185d; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.5rem 0; @@ -4718,25 +4787,70 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #fdf2f8; + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #be185d; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #fbcfe8; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #be185d; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcfe8; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #e5e7eb; color: #6b7280; background: #f9fafb; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #fbcfe8; + box-shadow: inset 0 0 0 0.2rem #fbcfe8; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f9fafb; border-color: #e5e7eb; color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #e5e7eb; background: #f3f4f6; color: #374151; @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .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: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcfe8; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcfe8; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #be185d; + background: #fdf2f8; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #fbcfe8; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #fdf2f8; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #be185d; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #be185d; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5669,7 +5875,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5681,7 +5887,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5742,11 +5948,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { @@ -5758,7 +5964,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5782,7 +5988,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5794,7 +6000,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } } diff --git a/public/themes/lara-light-purple/theme.css b/public/themes/lara-light-purple/theme.css index 1c47a95519..e88d5da3a9 100644 --- a/public/themes/lara-light-purple/theme.css +++ b/public/themes/lara-light-purple/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#8B5CF6; - --primary-color-text:#ffffff; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #8b5cf6; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f3f4f6; @@ -35,19 +35,19 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; - --focus-ring: 0 0 0 0.2rem #DDD6FE; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; + --focus-ring: 0 0 0 0.2rem #ddd6fe; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #F5F3FF; - --highlight-text-color: #6D28D9; + --highlight-bg: #f5f3ff; + --highlight-text-color: #6d28d9; color-scheme: light; } @@ -271,22 +271,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #8B5CF6; + color: #8b5cf6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #8B5CF6; + stroke: #8b5cf6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #8B5CF6; + fill: #8b5cf6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #8B5CF6; + color: #8b5cf6; } @layer primereact { @@ -328,7 +328,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; @@ -363,13 +363,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #8B5CF6; + border-color: #8b5cf6; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; + box-shadow: 0 0 0 0.2rem #ddd6fe; + border-color: #8b5cf6; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; @@ -385,8 +385,8 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; border-radius: 6px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -419,8 +419,8 @@ background: #f3f4f6; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -477,7 +477,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -491,7 +491,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #8B5CF6; + color: #8b5cf6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -518,13 +518,13 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-datepicker table td.p-datepicker-today > span { background: #d1d5db; @@ -532,8 +532,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -563,7 +563,7 @@ .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -586,8 +586,8 @@ border-radius: 6px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -598,8 +598,8 @@ border-radius: 6px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #e5e7eb; @@ -621,7 +621,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; @@ -629,7 +629,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #f3f4f6; @@ -637,7 +637,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { @@ -651,13 +651,13 @@ border-radius: 6px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #8B5CF6; + border-color: #8b5cf6; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; + box-shadow: 0 0 0 0.2rem #ddd6fe; + border-color: #8b5cf6; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -705,11 +705,11 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + box-shadow: inset 0 0 0 0.15rem #ddd6fe; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -754,26 +754,26 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #8B5CF6; - background: #8B5CF6; + border-color: #8b5cf6; + background: #8b5cf6; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - border-color: #6D28D9; - background: #6D28D9; + border-color: #6d28d9; + background: #6d28d9; color: #ffffff; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #8B5CF6; + border-color: #8b5cf6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; + box-shadow: 0 0 0 0.2rem #ddd6fe; + border-color: #8b5cf6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #6D28D9; - background: #6D28D9; + border-color: #6d28d9; + background: #6d28d9; color: #ffffff; } .p-checkbox.p-invalid > .p-checkbox-box { @@ -783,31 +783,31 @@ background-color: #f3f4f6; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #8B5CF6; + background: #8b5cf6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f3f4f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #6D28D9; + background: #6d28d9; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #8B5CF6; + border-color: #8b5cf6; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; + box-shadow: 0 0 0 0.2rem #ddd6fe; + border-color: #8b5cf6; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #F5F3FF; + background: #f5f3ff; color: #4b5563; border-radius: 16px; } @@ -850,13 +850,13 @@ border-radius: 6px; } .p-dropdown:not(.p-disabled):hover { - border-color: #8B5CF6; + border-color: #8b5cf6; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; + box-shadow: 0 0 0 0.2rem #ddd6fe; + border-color: #8b5cf6; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -930,8 +930,8 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -1051,19 +1051,19 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #b7bcc5; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #8B5CF6; + background: #8b5cf6; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #7C3AED; + background: #7c3aed; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #e24c4c; @@ -1081,13 +1081,13 @@ border-radius: 6px; } .p-inputtext:enabled:hover { - border-color: #8B5CF6; + border-color: #8b5cf6; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; + box-shadow: 0 0 0 0.2rem #ddd6fe; + border-color: #8b5cf6; } .p-inputtext.p-invalid.p-component { border-color: #e24c4c; @@ -1192,13 +1192,13 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + box-shadow: inset 0 0 0 0.15rem #ddd6fe; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; @@ -1243,8 +1243,8 @@ background: #f3f4f6; } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; } .p-multiselect { background: #ffffff; @@ -1253,13 +1253,13 @@ border-radius: 6px; } .p-multiselect:not(.p-disabled):hover { - border-color: #8B5CF6; + border-color: #8b5cf6; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; + box-shadow: 0 0 0 0.2rem #ddd6fe; + border-color: #8b5cf6; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.75rem; @@ -1347,7 +1347,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-multiselect-panel .p-multiselect-items { padding: 0.75rem 0; @@ -1362,8 +1362,8 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -1372,7 +1372,7 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + box-shadow: inset 0 0 0 0.15rem #ddd6fe; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1436,13 +1436,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #8B5CF6; + border-color: #8b5cf6; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; + box-shadow: 0 0 0 0.2rem #ddd6fe; + border-color: #8b5cf6; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1451,12 +1451,12 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #8B5CF6; - background: #8B5CF6; + border-color: #8b5cf6; + background: #8b5cf6; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #6D28D9; - background: #6D28D9; + border-color: #6d28d9; + background: #6d28d9; color: #ffffff; } .p-radiobutton.p-invalid > .p-radiobutton-box { @@ -1472,10 +1472,10 @@ background-color: #f3f4f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #8B5CF6; + background: #8b5cf6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #6D28D9; + background: #6d28d9; } .p-rating { gap: 0.5rem; @@ -1495,13 +1495,13 @@ .p-rating .p-rating-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #8B5CF6; + color: #8b5cf6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #8B5CF6; + color: #8b5cf6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #e73d3e; @@ -1526,8 +1526,8 @@ color: #374151; } .p-selectbutton .p-button.p-highlight { - background: #8B5CF6; - border-color: #8B5CF6; + background: #8b5cf6; + border-color: #8b5cf6; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1535,8 +1535,8 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { - background: #7C3AED; - border-color: #7C3AED; + background: #7c3aed; + border-color: #7c3aed; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1569,21 +1569,21 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #8B5CF6; + border: 2px solid #8b5cf6; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-slider .p-slider-range { - background: #8B5CF6; + background: #8b5cf6; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #8B5CF6; - border-color: #8B5CF6; + background: #8b5cf6; + border-color: #8b5cf6; } .p-treeselect { background: #ffffff; @@ -1592,13 +1592,13 @@ border-radius: 6px; } .p-treeselect:not(.p-disabled):hover { - border-color: #8B5CF6; + border-color: #8b5cf6; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; - border-color: #8B5CF6; + box-shadow: 0 0 0 0.2rem #ddd6fe; + border-color: #8b5cf6; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.75rem; @@ -1683,7 +1683,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; @@ -1722,8 +1722,8 @@ color: #374151; } .p-togglebutton.p-button.p-highlight { - background: #8B5CF6; - border-color: #8B5CF6; + background: #8b5cf6; + border-color: #8b5cf6; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1731,8 +1731,8 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { - background: #7C3AED; - border-color: #7C3AED; + background: #7c3aed; + border-color: #7c3aed; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1744,36 +1744,36 @@ } .p-button { color: #ffffff; - background: #8B5CF6; - border: 1px solid #8B5CF6; + background: #8b5cf6; + border: 1px solid #8b5cf6; padding: 0.75rem 1.25rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 6px; } .p-button:not(:disabled):hover { - background: #7C3AED; + background: #7c3aed; color: #ffffff; - border-color: #7C3AED; + border-color: #7c3aed; } .p-button:not(:disabled):active { - background: #6D28D9; + background: #6d28d9; color: #ffffff; - border-color: #6D28D9; + border-color: #6d28d9; } .p-button.p-button-outlined { background-color: transparent; - color: #8B5CF6; + color: #8b5cf6; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(139, 92, 246, 0.04); - color: #8B5CF6; + color: #8b5cf6; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(139, 92, 246, 0.16); - color: #8B5CF6; + color: #8b5cf6; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1790,17 +1790,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #8B5CF6; + color: #8b5cf6; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(139, 92, 246, 0.04); - color: #8B5CF6; + color: #8b5cf6; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(139, 92, 246, 0.16); - color: #8B5CF6; + color: #8b5cf6; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1817,7 +1817,7 @@ .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-button .p-button-label { transition-duration: 0.2s; @@ -1839,7 +1839,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #8B5CF6; + color: #8b5cf6; background-color: #ffffff; } .p-button.p-button-raised { @@ -1903,8 +1903,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #475569; @@ -1912,7 +1912,7 @@ 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { background: #334155; @@ -1921,33 +1921,33 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; @@ -1960,7 +1960,7 @@ 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-fileupload-choose.p-button-info:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; + 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-fileupload-choose.p-button-info:not(:disabled):active { background: #0369a1; @@ -1999,51 +1999,51 @@ } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #16A34A; + background: #16a34a; color: #ffffff; - border-color: #16A34A; + 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-fileupload-choose.p-button-success:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; + 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-fileupload-choose.p-button-success:not(:disabled):active { - background: #15803D; + background: #15803d; color: #ffffff; - border-color: #15803D; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #ffffff; @@ -2056,7 +2056,7 @@ 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-fileupload-choose.p-button-warning:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; + 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-fileupload-choose.p-button-warning:not(:disabled):active { background: #c2410c; @@ -2095,108 +2095,108 @@ } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #9333EA; + background: #9333ea; color: #ffffff; - border-color: #9333EA; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #7E22CE; + background: #7e22ce; color: #ffffff; - border-color: #7E22CE; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #DC2626; + background: #dc2626; color: #ffffff; - border-color: #DC2626; + 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-fileupload-choose.p-button-danger:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; + 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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #B91C1C; + background: #b91c1c; color: #ffffff; - border-color: #B91C1C; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { - color: #6D28D9; + color: #6d28d9; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #6D28D9; + color: #6d28d9; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2204,12 +2204,12 @@ } .p-button.p-button-link:not(:disabled):focus { background: transparent; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; border-color: transparent; } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #6D28D9; + color: #6d28d9; border-color: transparent; } .p-splitbutton { @@ -2217,16 +2217,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #8B5CF6; + color: #8b5cf6; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(139, 92, 246, 0.04); - color: #8B5CF6; + color: #8b5cf6; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(139, 92, 246, 0.16); - color: #8B5CF6; + color: #8b5cf6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6b7280; @@ -2242,17 +2242,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #8B5CF6; + color: #8b5cf6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(139, 92, 246, 0.04); - color: #8B5CF6; + color: #8b5cf6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(139, 92, 246, 0.16); - color: #8B5CF6; + color: #8b5cf6; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2300,31 +2300,31 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; @@ -2356,31 +2356,31 @@ } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; @@ -2412,59 +2412,59 @@ } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2551,7 +2551,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2571,8 +2571,8 @@ background: #9ca3af; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; @@ -2626,8 +2626,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2638,21 +2638,21 @@ color: #374151; } .p-datatable .p-sortable-column.p-highlight { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #6D28D9; + color: #6d28d9; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #6D28D9; + color: #6d28d9; } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + box-shadow: inset 0 0 0 0.15rem #ddd6fe; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2692,7 +2692,7 @@ .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; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2701,29 +2701,29 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { - outline: 0.15rem solid #DDD6FE; + outline: 0.15rem solid #ddd6fe; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #F5F3FF; + box-shadow: inset 0 2px 0 0 #f5f3ff; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #F5F3FF; + box-shadow: inset 0 -2px 0 0 #f5f3ff; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #f3f4f6; color: #4b5563; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible { - outline: 0.15rem solid #DDD6FE; + outline: 0.15rem solid #ddd6fe; outline-offset: -0.15rem; } .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover { @@ -2731,7 +2731,7 @@ color: #4b5563; } .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible { - outline: 0.15rem solid #DDD6FE; + outline: 0.15rem solid #ddd6fe; outline-offset: -0.15rem; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover { @@ -2739,7 +2739,7 @@ color: #4b5563; } .p-datatable .p-column-resizer-helper { - background: #8B5CF6; + background: #8b5cf6; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2815,14 +2815,14 @@ background: #f8f8fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { - color: #6D28D9; + color: #6d28d9; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { - color: #6D28D9; + color: #6d28d9; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded { background: #f8f8fa; @@ -2962,13 +2962,13 @@ color: #374151; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-column-filter-clear-button { width: 2rem; @@ -2987,7 +2987,7 @@ .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-column-filter-overlay { background: #ffffff; @@ -3010,8 +3010,8 @@ border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #4b5563; @@ -3020,7 +3020,7 @@ .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + box-shadow: inset 0 0 0 0.15rem #ddd6fe; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #e5e7eb; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,14 +3104,16 @@ background: #f3f4f6; color: #4b5563; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(139, 92, 246, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; @@ -3123,8 +3126,8 @@ color: #4b5563; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #8b74ff; @@ -3154,7 +3157,7 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-paginator { background: #ffffff; @@ -3227,9 +3230,9 @@ border-radius: 50%; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #F5F3FF; - border-color: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + border-color: #f5f3ff; + color: #6d28d9; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #f3f4f6; @@ -3288,11 +3291,11 @@ .p-picklist .p-picklist-list .p-picklist-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + box-shadow: inset 0 0 0 0.15rem #ddd6fe; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; } .p-tree { border: 1px solid #e5e7eb; @@ -3327,7 +3330,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; @@ -3342,19 +3345,19 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + box-shadow: inset 0 0 0 0.15rem #ddd6fe; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon { - color: #6D28D9; + color: #6d28d9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover, .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover { - color: #6D28D9; + color: #6d28d9; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f3f4f6; @@ -3435,7 +3438,7 @@ background: #f9fafb; } .p-treetable .p-sortable-column { - outline-color: #DDD6FE; + outline-color: #ddd6fe; } .p-treetable .p-sortable-column .p-sortable-column-icon { color: #374151; @@ -3446,8 +3449,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3458,11 +3461,11 @@ color: #374151; } .p-treetable .p-sortable-column.p-highlight { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #6D28D9; + color: #6d28d9; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; @@ -3493,7 +3496,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; @@ -3502,18 +3505,18 @@ color: #4b5563; } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #DDD6FE; + outline: 0.15rem solid #ddd6fe; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #6D28D9; + color: #6d28d9; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #6D28D9; + color: #6d28d9; } .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #f3f4f6; @@ -3523,7 +3526,7 @@ color: #4b5563; } .p-treetable .p-column-resizer-helper { - background: #8B5CF6; + background: #8b5cf6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3561,14 +3564,14 @@ background: #f8f8fa; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { - color: #6D28D9; + color: #6d28d9; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { - color: #6D28D9; + color: #6d28d9; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded { background: #f8f8fa; @@ -3604,7 +3607,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #8B5CF6; + border: 2px solid #8b5cf6; border-radius: 50%; width: 1rem; height: 1rem; @@ -3642,7 +3645,7 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #f3f4f6; @@ -3730,7 +3733,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #f3f4f6; @@ -3791,7 +3794,7 @@ .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -3801,19 +3804,15 @@ border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #f9fafb; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ddd6fe; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -3860,7 +3864,7 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #DDD6FE; + box-shadow: inset 0 0 0 0.2rem #ddd6fe; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; @@ -3869,15 +3873,15 @@ } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #8B5CF6; - color: #8B5CF6; + border-color: #8b5cf6; + color: #8b5cf6; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #8B5CF6; + color: #8b5cf6; width: 3rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; @@ -3885,7 +3889,7 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #DDD6FE; + box-shadow: inset 0 0 0 0.2rem #ddd6fe; } .p-tabview .p-tabview-panels { background: #ffffff; @@ -3987,7 +3991,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -4038,7 +4042,7 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #8B5CF6; + background: #8b5cf6; color: #ffffff; width: 2rem; height: 2rem; @@ -4049,7 +4053,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #7C3AED; + background: #7c3aed; color: #ffffff; } .p-overlaypanel:after { @@ -4097,7 +4101,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4167,7 +4171,7 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: #4b5563; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6d28d9; + background: #f5f3ff; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6d28d9; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6d28d9; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F5F3FF; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #6D28D9; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6D28D9; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; + } + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ddd6fe; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; - user-select: none; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6d28d9; + background: #f5f3ff; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #F5F3FF; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6d28d9; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #6D28D9; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6d28d9; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6D28D9; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6D28D9; - } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; + background: #e5e7eb; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6b7280; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #374151; @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F5F3FF; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #6D28D9; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6D28D9; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4476,10 +4468,38 @@ .p-megamenu .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #6d28d9; + background: #f5f3ff; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6d28d9; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6d28d9; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6d28d9; + background: #f5f3ff; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6d28d9; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6d28d9; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4626,90 +4690,95 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #6d28d9; + background: #f5f3ff; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6d28d9; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6d28d9; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #F5F3FF; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #6D28D9; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6D28D9; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6D28D9; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.5rem 0; @@ -4718,25 +4787,70 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; + } + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ddd6fe; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F5F3FF; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #6D28D9; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6D28D9; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4757,7 +4871,7 @@ .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-menubar .p-menubar-root-list { position: absolute; @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #6d28d9; + background: #f5f3ff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6d28d9; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6d28d9; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #e5e7eb; color: #6b7280; background: #f9fafb; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: inset 0 0 0 0.2rem #ddd6fe; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f9fafb; border-color: #e5e7eb; color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #e5e7eb; background: #f3f4f6; color: #374151; @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #6d28d9; + background: #f5f3ff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6d28d9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6d28d9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .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: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #6d28d9; + background: #f5f3ff; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6d28d9; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6d28d9; + } + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5012,13 +5203,13 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #F5F3FF; + background: #f5f3ff; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #6D28D9; + color: #6d28d9; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #6D28D9; + color: #6d28d9; } .p-slidemenu .p-slidemenu-separator { border-top: 1px solid #e5e7eb; @@ -5059,11 +5250,11 @@ .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 700; @@ -5107,7 +5298,7 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #DDD6FE; + box-shadow: inset 0 0 0 0.2rem #ddd6fe; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; @@ -5116,8 +5307,8 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #8B5CF6; - color: #8B5CF6; + border-color: #8b5cf6; + color: #8b5cf6; } .p-tieredmenu { padding: 0.5rem 0; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6d28d9; + background: #f5f3ff; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6d28d9; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6d28d9; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #DDD6FE; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F5F3FF; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #6D28D9; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6D28D9; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5268,7 +5474,7 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-message.p-message-info { background: rgba(219, 234, 254, 0.7); @@ -5377,7 +5583,7 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-toast .p-toast-message.p-toast-message-info { background: rgba(219, 234, 254, 0.7); @@ -5480,8 +5686,8 @@ background: #9ca3af; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -5499,8 +5705,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F5F3FF; - color: #6D28D9; + background: #f5f3ff; + color: #6d28d9; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -5527,7 +5733,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); @@ -5627,7 +5833,7 @@ .p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5661,7 +5867,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { - background: #8B5CF6; + background: #8b5cf6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5669,7 +5875,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5681,7 +5887,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5704,7 +5910,7 @@ .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #DDD6FE; + box-shadow: 0 0 0 0.2rem #ddd6fe; } .p-progressbar { border: 0 none; @@ -5715,7 +5921,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #8B5CF6; + background: #8b5cf6; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5733,7 +5939,7 @@ font-size: 1rem; } .p-badge { - background: #8B5CF6; + background: #8b5cf6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5742,11 +5948,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { @@ -5758,7 +5964,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5774,7 +5980,7 @@ line-height: 3rem; } .p-tag { - background: #8B5CF6; + background: #8b5cf6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5782,7 +5988,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5794,7 +6000,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } } @@ -5818,17 +6024,17 @@ position: absolute; bottom: 0; height: 2px; - background-color: #8B5CF6; + background-color: #8b5cf6; transition: 500ms cubic-bezier(0.35, 0, 0.25, 1); } .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; + background-color: #8b5cf6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #8B5CF6; + background-color: #8b5cf6; } .p-button:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 rgb(0, 0, 0); @@ -5852,10 +6058,10 @@ 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; + 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; + box-shadow: inset 0 -2px 0 0 #8b5cf6; } .p-speeddial-item.p-focus > .p-speeddial-action { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #c5aefb, 0 1px 2px 0 rgb(0, 0, 0); @@ -5871,7 +6077,7 @@ 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; + background: #8b5cf6; color: #ffffff; } } diff --git a/public/themes/lara-light-teal/theme.css b/public/themes/lara-light-teal/theme.css index f5cd023400..60d5bd0843 100644 --- a/public/themes/lara-light-teal/theme.css +++ b/public/themes/lara-light-teal/theme.css @@ -2,18 +2,18 @@ font-family: "Inter var", sans-serif; font-feature-settings: "cv02", "cv03", "cv04", "cv11"; font-variation-settings: normal; - --font-family:"Inter var", sans-serif; - --font-feature-settings: "cv02","cv03","cv04","cv11"; - --surface-a:#ffffff; - --surface-b:#f9fafb; - --surface-c:#f3f4f6; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4b5563; - --text-color-secondary:#6b7280; - --primary-color:#14b8a6; - --primary-color-text:#ffffff; + --font-family: "Inter var", sans-serif; + --font-feature-settings: "cv02", "cv03", "cv04", "cv11"; + --surface-a: #ffffff; + --surface-b: #f9fafb; + --surface-c: #f3f4f6; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4b5563; + --text-color-secondary: #6b7280; + --primary-color: #14b8a6; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f9fafb; --surface-100: #f3f4f6; @@ -35,15 +35,15 @@ --gray-700: #374151; --gray-800: #1f2937; --gray-900: #111827; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f9fafb; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f9fafb; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; --focus-ring: 0 0 0 0.2rem #99f6e4; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #0f766e; @@ -1903,8 +1903,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #475569; @@ -1912,7 +1912,7 @@ 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E2E8F0; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { background: #334155; @@ -1921,33 +1921,33 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; @@ -1960,7 +1960,7 @@ 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-fileupload-choose.p-button-info:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BFDBFE; + 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-fileupload-choose.p-button-info:not(:disabled):active { background: #0369a1; @@ -1999,51 +1999,51 @@ } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #16A34A; + background: #16a34a; color: #ffffff; - border-color: #16A34A; + 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-fileupload-choose.p-button-success:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #BBF7D0; + 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-fileupload-choose.p-button-success:not(:disabled):active { - background: #15803D; + background: #15803d; color: #ffffff; - border-color: #15803D; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #ffffff; @@ -2056,7 +2056,7 @@ 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-fileupload-choose.p-button-warning:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FDE68A; + 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-fileupload-choose.p-button-warning:not(:disabled):active { background: #c2410c; @@ -2095,99 +2095,99 @@ } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #9333EA; + background: #9333ea; color: #ffffff; - border-color: #9333EA; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #E9D5FF; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #7E22CE; + background: #7e22ce; color: #ffffff; - border-color: #7E22CE; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #DC2626; + background: #dc2626; color: #ffffff; - border-color: #DC2626; + 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-fileupload-choose.p-button-danger:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #FECACA; + 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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #B91C1C; + background: #b91c1c; color: #ffffff; - border-color: #B91C1C; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { color: #0f766e; @@ -2300,31 +2300,31 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; @@ -2356,31 +2356,31 @@ } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; @@ -2412,59 +2412,59 @@ } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -3090,6 +3090,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3103,15 +3104,17 @@ background: #f3f4f6; color: #4b5563; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99f6e4; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4b5563; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #0f766e; background: #0f766e; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(20, 184, 166, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; } @@ -3801,19 +3804,15 @@ border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #4b5563; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3836,6 +3835,11 @@ background: #f9fafb; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -4194,142 +4198,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #0f766e; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99f6e4; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #0f766e; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #0f766e; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0f766e; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #99f6e4; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4338,101 +4368,72 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; - user-select: none; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #4b5563; + padding: 0.75rem 1.25rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #6b7280; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99f6e4; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; background: #0f766e; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #0f766e; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #0f766e; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0f766e; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; + background: #e5e7eb; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6b7280; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6b7280; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99f6e4; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #4b5563; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #374151; @@ -4441,23 +4442,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #0f766e; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #0f766e; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0f766e; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4478,8 +4470,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #99f6e4; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4b5563; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6b7280; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6b7280; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4502,39 +4522,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #0f766e; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99f6e4; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4567,39 +4609,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #0f766e; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99f6e4; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4626,90 +4690,95 @@ border: 1px solid #e5e7eb; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; background: #f3f4f6; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99f6e4; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #0f766e; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99f6e4; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #0f766e; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #0f766e; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #0f766e; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #0f766e; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } .p-menubar .p-submenu-list { padding: 0.5rem 0; @@ -4718,25 +4787,70 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #6b7280; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #0f766e; + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #6b7280; + background: #f3f4f6; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #0f766e; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #99f6e4; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0f766e; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4783,39 +4897,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #0f766e; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99f6e4; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4864,42 +5000,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #e5e7eb; color: #6b7280; background: #f9fafb; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #6b7280; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #99f6e4; + box-shadow: inset 0 0 0 0.2rem #99f6e4; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f3f4f6; border-color: #e5e7eb; color: #374151; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f9fafb; border-color: #e5e7eb; color: #374151; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #e5e7eb; background: #f3f4f6; color: #374151; @@ -4915,44 +5055,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #0f766e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .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: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99f6e4; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6b7280; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e5e7eb; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4966,39 +5135,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #0f766e; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #4b5563; + background: #e5e7eb; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99f6e4; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5127,67 +5318,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #4b5563; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4b5563; + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #4b5563; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6b7280; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6b7280; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f3f4f6; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #0f766e; + background: #0f766e; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4b5563; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6b7280; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #99f6e4; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4b5563; + background: #e5e7eb; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #0f766e; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4b5563; + background: #f3f4f6; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #0f766e; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4b5563; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #0f766e; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6b7280; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #e5e7eb; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5669,7 +5875,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5681,7 +5887,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5742,11 +5948,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { @@ -5758,7 +5964,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5782,7 +5988,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5794,7 +6000,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } } diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 9122580a6d..b293336d11 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #191919; --surface-b: #191919; --surface-c: #4c4c4c; @@ -9,7 +11,7 @@ --surface-f: #323232; --text-color: #dedede; --text-color-secondary: #888888; - --primary-color: #FFE082; + --primary-color: #ffe082; --primary-color-text: #212529; --surface-0: #191919; --surface-50: #303030; @@ -32,18 +34,18 @@ --gray-700: #474747; --gray-800: #303030; --gray-900: #191919; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#191919; - --surface-section:#191919; - --surface-card:#323232; - --surface-overlay:#323232; - --surface-border:#4b4b4b; - --surface-hover:#4c4c4c; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #191919; + --surface-section: #191919; + --surface-card: #323232; + --surface-overlay: #323232; + --surface-border: #4b4b4b; + --surface-hover: #4c4c4c; --focus-ring: 0 0 0 0.1rem white; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #FFE082; + --highlight-bg: #ffe082; --highlight-text-color: #212529; color-scheme: dark; } @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #FFE082; + color: #ffe082; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #FFE082; + stroke: #ffe082; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #FFE082; + fill: #ffe082; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #FFE082; + color: #ffe082; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #FFE082; + border-color: #ffe082; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #FFE082; + border-color: #ffe082; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; @@ -366,7 +368,7 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; margin-right: 0.5rem; - background: #FFE082; + background: #ffe082; color: #212529; border-radius: 3px; } @@ -401,7 +403,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #FFE082; + color: #ffe082; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -500,7 +502,7 @@ } .p-datepicker table td > span.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; } .p-datepicker table td > span:focus { outline: 0 none; @@ -508,13 +510,13 @@ box-shadow: 0 0 0 0.1rem white; } .p-datepicker table td.p-datepicker-today > span { - background: #FFCA28; + background: #ffca28; color: #212529; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; } .p-datepicker .p-datepicker-buttonbar { padding: 0.857rem 0 0.429rem 0; @@ -568,7 +570,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; } .p-datepicker .p-yearpicker { margin: 0.857rem 0; @@ -580,7 +582,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #4b4b4b; @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #FFE082; + border-color: #ffe082; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #FFE082; + border-color: #ffe082; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -690,7 +692,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -735,26 +737,26 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #FFE082; - background: #FFE082; + border-color: #ffe082; + background: #ffe082; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - border-color: #FFCA28; - background: #FFCA28; + border-color: #ffca28; + background: #ffca28; color: #212529; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #FFE082; + border-color: #ffe082; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #FFE082; + border-color: #ffe082; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #FFCA28; - background: #FFCA28; + border-color: #ffca28; + background: #ffca28; color: #212529; } .p-checkbox.p-invalid > .p-checkbox-box { @@ -764,13 +766,13 @@ background-color: #4b4b4b; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #FFE082; + background: #ffe082; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #4b4b4b; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #FFCA28; + background: #ffca28; } .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; @@ -780,18 +782,18 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #FFE082; + border-color: #ffe082; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #FFE082; + border-color: #ffe082; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; margin-right: 0.5rem; - background: #FFE082; + background: #ffe082; color: #dedede; border-radius: 16px; } @@ -834,13 +836,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #FFE082; + border-color: #ffe082; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #FFE082; + border-color: #ffe082; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.429rem; @@ -915,7 +917,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -1041,13 +1043,13 @@ background: #4b4b4b; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #FFE082; + background: #ffe082; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #323232; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #FFD54F; + background: #ffd54f; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #e57373; @@ -1065,13 +1067,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #FFE082; + border-color: #ffe082; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #FFE082; + border-color: #ffe082; } .p-inputtext.p-invalid.p-component { border-color: #e57373; @@ -1177,7 +1179,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -1228,7 +1230,7 @@ } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; } .p-multiselect { background: #191919; @@ -1237,13 +1239,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #FFE082; + border-color: #ffe082; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #FFE082; + border-color: #ffe082; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.429rem; @@ -1347,7 +1349,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -1398,13 +1400,13 @@ background: #eaeaea; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #E57373; + background: #e57373; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFB74D; + background: #ffb74d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #AED581; + background: #aed581; } .p-radiobutton { width: 20px; @@ -1420,13 +1422,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #FFE082; + border-color: #ffe082; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #FFE082; + border-color: #ffe082; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1435,12 +1437,12 @@ background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #FFE082; - background: #FFE082; + border-color: #ffe082; + background: #ffe082; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #FFCA28; - background: #FFCA28; + border-color: #ffca28; + background: #ffca28; color: #212529; } .p-radiobutton.p-invalid > .p-radiobutton-box { @@ -1456,10 +1458,10 @@ background-color: #4b4b4b; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #FFE082; + background: #ffe082; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #FFCA28; + background: #ffca28; } .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; @@ -1485,10 +1487,10 @@ box-shadow: 0 0 0 0.1rem white; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #FFE082; + color: #ffe082; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #FFE082; + color: #ffe082; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; @@ -1516,8 +1518,8 @@ color: #dedede; } .p-selectbutton .p-button.p-highlight { - background: #FFE082; - border-color: #FFE082; + background: #ffe082; + border-color: #ffe082; color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1525,8 +1527,8 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover { - background: #FFD54F; - border-color: #FFD54F; + background: #ffd54f; + border-color: #ffd54f; color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1559,7 +1561,7 @@ height: 1.143rem; width: 1.143rem; background: #4c4c4c; - border: 2px solid #FFE082; + border: 2px solid #ffe082; border-radius: 100%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1569,11 +1571,11 @@ box-shadow: 0 0 0 0.1rem white; } .p-slider .p-slider-range { - background: #FFE082; + background: #ffe082; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #FFE082; - border-color: #FFE082; + background: #ffe082; + border-color: #ffe082; } .p-treeselect { background: #191919; @@ -1582,13 +1584,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #FFE082; + border-color: #ffe082; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #FFE082; + border-color: #ffe082; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.429rem; @@ -1712,8 +1714,8 @@ color: #dedede; } .p-togglebutton.p-button.p-highlight { - background: #FFE082; - border-color: #FFE082; + background: #ffe082; + border-color: #ffe082; color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1721,8 +1723,8 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover { - background: #FFD54F; - border-color: #FFD54F; + background: #ffd54f; + border-color: #ffd54f; color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1734,36 +1736,36 @@ } .p-button { color: #212529; - background: #FFE082; - border: 1px solid #FFE082; + background: #ffe082; + border: 1px solid #ffe082; padding: 0.429rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-button:not(:disabled):hover { - background: #FFD54F; + background: #ffd54f; color: #212529; - border-color: #FFD54F; + border-color: #ffd54f; } .p-button:not(:disabled):active { - background: #FFCA28; + background: #ffca28; color: #212529; - border-color: #FFCA28; + border-color: #ffca28; } .p-button.p-button-outlined { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1780,17 +1782,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1829,7 +1831,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #FFE082; + color: #ffe082; background-color: #212529; } .p-button.p-button-raised { @@ -1893,300 +1895,300 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #121212; - background: #B0BEC5; - border: 1px solid #B0BEC5; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { - background: #90A4AE; + background: #90a4ae; color: #121212; - border-color: #90A4AE; + 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #CFD8DC; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { - background: #78909C; + background: #78909c; color: #121212; - border-color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #212529; - background: #4FC3F7; - border: 1px solid #4FC3F7; + 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-fileupload-choose.p-button-info:not(:disabled):hover { - background: #29B6F6; + background: #29b6f6; color: #212529; - border-color: #29B6F6; + 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-fileupload-choose.p-button-info:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #E1F5FE; + 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-fileupload-choose.p-button-info:not(:disabled):active { - background: #03A9F4; + background: #03a9f4; color: #212529; - border-color: #03A9F4; + 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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #212529; - background: #AED581; - border: 1px solid #AED581; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #9CCC65; + background: #9ccc65; color: #212529; - border-color: #9CCC65; + 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-fileupload-choose.p-button-success:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #F1F8E9; + 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-fileupload-choose.p-button-success:not(:disabled):active { - background: #8BC34A; + background: #8bc34a; color: #212529; - border-color: #8BC34A; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212529; - background: #FFB74D; - border: 1px solid #FFB74D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { - background: #FFA726; + background: #ffa726; color: #212529; - border-color: #FFA726; + 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-fileupload-choose.p-button-warning:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #FFFDE7; + 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-fileupload-choose.p-button-warning:not(:disabled):active { - background: #FF9800; + background: #ff9800; color: #212529; - border-color: #FF9800; + 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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #BA68C8; + background: #ba68c8; color: #121212; - border-color: #BA68C8; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 1px #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #AB47BC; + background: #ab47bc; color: #121212; - border-color: #AB47BC; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #212529; - background: #E57373; - border: 1px solid #E57373; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #EF5350; + background: #ef5350; color: #212529; - border-color: #EF5350; + 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-fileupload-choose.p-button-danger:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #FFEBEE; + 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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #F44336; + background: #f44336; color: #212529; - border-color: #F44336; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-button.p-button-link { - color: #FFE082; + color: #ffe082; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2199,7 +2201,7 @@ } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-splitbutton { @@ -2207,16 +2209,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #888888; @@ -2232,17 +2234,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2290,171 +2292,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2561,7 +2563,7 @@ background: #4c4c4c; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #FFE082; + background: #ffe082; color: #212529; } .p-datatable .p-paginator-top { @@ -2617,7 +2619,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #212529; - background: #FFE082; + background: #ffe082; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2628,14 +2630,14 @@ color: #dedede; } .p-datatable .p-sortable-column.p-highlight { - background: #FFE082; + background: #ffe082; color: #212529; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #212529; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { - background: #FFE082; + background: #ffe082; color: #212529; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { @@ -2691,11 +2693,11 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #FFE082; + background: #ffe082; color: #212529; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #FFE082; + background: #ffe082; color: #212529; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { @@ -2703,10 +2705,10 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #FFE082; + box-shadow: inset 0 2px 0 0 #ffe082; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #FFE082; + box-shadow: inset 0 -2px 0 0 #ffe082; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #4c4c4c; @@ -2729,7 +2731,7 @@ color: #dedede; } .p-datatable .p-column-resizer-helper { - background: #FFE082; + background: #ffe082; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2805,7 +2807,7 @@ background: #323232; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #FFE082; + background: #ffe082; color: #212529; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -2952,7 +2954,7 @@ color: #dedede; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #FFE082; + background: #ffe082; color: #212529; } .p-column-filter-menu-button:focus-visible { @@ -3001,7 +3003,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -3080,6 +3082,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3093,14 +3096,16 @@ background: #4c4c4c; color: #dedede; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #dedede; + background: #3c3c3c; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(255, 224, 130, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #323232; @@ -3113,7 +3118,7 @@ color: #dedede; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #FFE082; + background: #ffe082; color: #212529; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { @@ -3217,8 +3222,8 @@ border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #FFE082; - border-color: #FFE082; + background: #ffe082; + border-color: #ffe082; color: #212529; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3282,7 +3287,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; } .p-tree { border: 1px solid #191919; @@ -3335,7 +3340,7 @@ box-shadow: inset 0 0 0 0.15rem white; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #FFE082; + background: #ffe082; color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3437,7 +3442,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #212529; - background: #FFE082; + background: #ffe082; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3448,7 +3453,7 @@ color: #dedede; } .p-treetable .p-sortable-column.p-highlight { - background: #FFE082; + background: #ffe082; color: #212529; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { @@ -3496,7 +3501,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #FFE082; + background: #ffe082; color: #212529; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -3513,7 +3518,7 @@ color: #dedede; } .p-treetable .p-column-resizer-helper { - background: #FFE082; + background: #ffe082; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3551,7 +3556,7 @@ background: #323232; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #FFE082; + background: #ffe082; color: #212529; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -3598,7 +3603,7 @@ border-radius: 50%; width: 1rem; height: 1rem; - background-color: #FFE082; + background-color: #ffe082; } .p-timeline .p-timeline-event-connector { background-color: #191919; @@ -3637,18 +3642,18 @@ .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #191919; border-color: #191919; - color: #FFE082; + color: #ffe082; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #FFE082; - border-color: #FFE082; + background: #ffe082; + border-color: #ffe082; color: #212529; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #FFCA28; - background: #FFCA28; + border-color: #ffca28; + background: #ffca28; color: #212529; } .p-accordion .p-accordion-content { @@ -3725,7 +3730,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #191919; border-color: #191919; - color: #FFE082; + color: #ffe082; } .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; @@ -3791,19 +3796,15 @@ border: 1px solid #191919; background: #323232; color: #dedede; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #191919; background: #323232; color: #dedede; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3826,6 +3827,11 @@ background: #3f3f3f; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + } .p-tabview .p-tabview-nav { background: transparent; border: 0 none; @@ -3855,18 +3861,18 @@ .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #191919; border-color: #191919; - color: #FFE082; + color: #ffe082; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #FFE082; - border-color: #FFE082; + background: #ffe082; + border-color: #ffe082; color: #212529; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { - background: #FFE082; + background: #ffe082; color: #212529; width: 2.357rem; 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); @@ -4028,7 +4034,7 @@ padding: 0.571rem 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #FFE082; + background: #ffe082; color: #212529; width: 2rem; height: 2rem; @@ -4039,7 +4045,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #FFD54F; + background: #ffd54f; color: #212529; } .p-overlaypanel:after { @@ -4184,142 +4190,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.857rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0; + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #ffe082; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #dedede; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #dedede; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #ffe082; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-contextmenu .p-submenu-list { - padding: 0; - background: #252525; - border: 1px solid #191919; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #FFE082; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - 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 { + color: #dedede; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem white; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4328,101 +4360,72 @@ border: 1px solid #191919; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; - color: #dedede; - border-radius: 3px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - user-select: none; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #dedede; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content { color: #dedede; - margin-right: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #dedede; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + padding: 0.857rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #FFE082; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #212529; + background: #ffe082; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-megamenu .p-menuitem-link { - padding: 0.857rem; - color: #dedede; - border-radius: 0; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - user-select: none; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #ffe082; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-megamenu .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-menuitem-text { color: #dedede; - margin-right: 0.5rem; } - .p-megamenu .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-menuitem-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-link:not(.p-disabled):hover { - background: #4c4c4c; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #dedede; + background: #4c4c4c; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-megamenu .p-megamenu-panel { background: #252525; color: #dedede; border: 1px solid #191919; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.857rem; color: #dedede; @@ -4431,23 +4434,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #FFE082; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0; @@ -4468,8 +4462,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #dedede; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #dedede; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0; @@ -4492,39 +4514,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #ffe082; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #ffe082; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4557,39 +4601,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.857rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #ffe082; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #ffe082; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #dedede; } .p-menu.p-menu-overlay { background: #252525; @@ -4616,90 +4682,95 @@ border: 1px solid #191919; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; background: #4c4c4c; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: #dedede; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #dedede; - border-radius: 3px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #ffe082; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #dedede; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #dedede; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #ffe082; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #FFE082; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - 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 { + color: #dedede; } .p-menubar .p-submenu-list { padding: 0; @@ -4708,25 +4779,70 @@ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #dedede; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #FFE082; + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #dedede; + background: #4c4c4c; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0; + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #4b4b4b; + margin: 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.571rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 4.285rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.999rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 7.713rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 9.427rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4773,39 +4889,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #ffe082; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #ffe082; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4854,44 +4992,48 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 0.857rem 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #191919; color: #dedede; background: #191919; - font-weight: 700; border-radius: 3px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #dedede; + padding: 0.857rem 1rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; + box-shadow: inset 0 0 0 0.1rem white; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #191919; border-color: #191919; - color: #FFE082; + color: #ffe082; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #FFE082; - border-color: #FFE082; + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #ffe082; + border-color: #ffe082; color: #212529; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #FFCA28; - background: #FFCA28; + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #ffca28; + background: #ffca28; color: #212529; } .p-panelmenu .p-panelmenu-content { @@ -4905,44 +5047,73 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.857rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #ffe082; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #ffe082; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #4b4b4b; + margin: 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4956,39 +5127,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.857rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #ffe082; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #ffe082; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; } .p-slidemenu.p-slidemenu-overlay { background: #252525; @@ -5002,7 +5195,7 @@ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #FFE082; + background: #ffe082; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { color: #212529; @@ -5052,7 +5245,7 @@ box-shadow: 0 0 0 0.1rem white; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #FFE082; + background: #ffe082; color: #212529; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5102,11 +5295,11 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #191919; border-color: #191919; - color: #FFE082; + color: #ffe082; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #FFE082; - border-color: #FFE082; + background: #ffe082; + border-color: #ffe082; color: #212529; } .p-tieredmenu { @@ -5117,67 +5310,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.857rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0; + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #ffe082; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #dedede; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #dedede; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #dedede; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #ffe082; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #dedede; + background: #3c3c3c; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #252525; - border: 1px solid #191919; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-tieredmenu .p-submenu-list { - padding: 0; - background: #252525; - border: 1px solid #191919; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #FFE082; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - 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 { + color: #dedede; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5470,7 +5678,7 @@ background: #4c4c4c; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFE082; + background: #ffe082; color: #212529; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5489,7 +5697,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFE082; + background: #ffe082; color: #212529; } .p-galleria .p-galleria-thumbnail-container { @@ -5630,10 +5838,10 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { - background: #FFE082; + background: #ffe082; } .p-scrolltop.p-link:hover { - background: #FFD54F; + background: #ffd54f; } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; @@ -5651,7 +5859,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } .p-tag { - background: #FFE082; + background: #ffe082; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5659,19 +5867,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-tag.p-tag-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-tag.p-tag-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-tag.p-tag-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-tag .p-tag-icon { @@ -5705,7 +5913,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #FFE082; + background: #ffe082; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5723,7 +5931,7 @@ font-size: 1rem; } .p-badge { - background: #FFE082; + background: #ffe082; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5732,23 +5940,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #B0BEC5; + background-color: #b0bec5; color: #121212; } .p-badge.p-badge-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-badge.p-badge-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-badge.p-badge-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-badge.p-badge-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-badge.p-badge-lg { @@ -5764,7 +5972,7 @@ line-height: 3rem; } .p-tag { - background: #FFE082; + background: #ffe082; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5772,19 +5980,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-tag.p-tag-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-tag.p-tag-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-tag.p-tag-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } } diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index 01c5eeb729..d7a709c85e 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #191919; --surface-b: #191919; --surface-c: #4c4c4c; @@ -9,7 +11,7 @@ --surface-f: #323232; --text-color: #dedede; --text-color-secondary: #888888; - --primary-color: #81D4FA; + --primary-color: #81d4fa; --primary-color-text: #212529; --surface-0: #191919; --surface-50: #303030; @@ -32,18 +34,18 @@ --gray-700: #474747; --gray-800: #303030; --gray-900: #191919; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#191919; - --surface-section:#191919; - --surface-card:#323232; - --surface-overlay:#323232; - --surface-border:#4b4b4b; - --surface-hover:#4c4c4c; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #191919; + --surface-section: #191919; + --surface-card: #323232; + --surface-overlay: #323232; + --surface-border: #4b4b4b; + --surface-hover: #4c4c4c; --focus-ring: 0 0 0 0.1rem white; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #81D4FA; + --highlight-bg: #81d4fa; --highlight-text-color: #212529; color-scheme: dark; } @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #81D4FA; + color: #81d4fa; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #81D4FA; + stroke: #81d4fa; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #81D4FA; + fill: #81d4fa; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #81D4FA; + color: #81d4fa; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #81D4FA; + border-color: #81d4fa; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #81D4FA; + border-color: #81d4fa; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; @@ -366,7 +368,7 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; margin-right: 0.5rem; - background: #81D4FA; + background: #81d4fa; color: #212529; border-radius: 3px; } @@ -401,7 +403,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #81D4FA; + color: #81d4fa; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -500,7 +502,7 @@ } .p-datepicker table td > span.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; } .p-datepicker table td > span:focus { outline: 0 none; @@ -508,13 +510,13 @@ box-shadow: 0 0 0 0.1rem white; } .p-datepicker table td.p-datepicker-today > span { - background: #29B6F6; + background: #29b6f6; color: #212529; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; } .p-datepicker .p-datepicker-buttonbar { padding: 0.857rem 0 0.429rem 0; @@ -568,7 +570,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; } .p-datepicker .p-yearpicker { margin: 0.857rem 0; @@ -580,7 +582,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #4b4b4b; @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #81D4FA; + border-color: #81d4fa; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #81D4FA; + border-color: #81d4fa; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -690,7 +692,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -735,26 +737,26 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #81D4FA; - background: #81D4FA; + border-color: #81d4fa; + background: #81d4fa; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - border-color: #29B6F6; - background: #29B6F6; + border-color: #29b6f6; + background: #29b6f6; color: #212529; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #81D4FA; + border-color: #81d4fa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #81D4FA; + border-color: #81d4fa; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #29B6F6; - background: #29B6F6; + border-color: #29b6f6; + background: #29b6f6; color: #212529; } .p-checkbox.p-invalid > .p-checkbox-box { @@ -764,13 +766,13 @@ background-color: #4b4b4b; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #81D4FA; + background: #81d4fa; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #4b4b4b; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #29B6F6; + background: #29b6f6; } .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; @@ -780,18 +782,18 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #81D4FA; + border-color: #81d4fa; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #81D4FA; + border-color: #81d4fa; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; margin-right: 0.5rem; - background: #81D4FA; + background: #81d4fa; color: #dedede; border-radius: 16px; } @@ -834,13 +836,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #81D4FA; + border-color: #81d4fa; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #81D4FA; + border-color: #81d4fa; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.429rem; @@ -915,7 +917,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -1041,13 +1043,13 @@ background: #4b4b4b; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #81D4FA; + background: #81d4fa; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #323232; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #4FC3F7; + background: #4fc3f7; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #e57373; @@ -1065,13 +1067,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #81D4FA; + border-color: #81d4fa; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #81D4FA; + border-color: #81d4fa; } .p-inputtext.p-invalid.p-component { border-color: #e57373; @@ -1177,7 +1179,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -1228,7 +1230,7 @@ } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; } .p-multiselect { background: #191919; @@ -1237,13 +1239,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #81D4FA; + border-color: #81d4fa; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #81D4FA; + border-color: #81d4fa; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.429rem; @@ -1347,7 +1349,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -1398,13 +1400,13 @@ background: #eaeaea; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #E57373; + background: #e57373; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFB74D; + background: #ffb74d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #AED581; + background: #aed581; } .p-radiobutton { width: 20px; @@ -1420,13 +1422,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #81D4FA; + border-color: #81d4fa; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #81D4FA; + border-color: #81d4fa; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1435,12 +1437,12 @@ background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #81D4FA; - background: #81D4FA; + border-color: #81d4fa; + background: #81d4fa; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #29B6F6; - background: #29B6F6; + border-color: #29b6f6; + background: #29b6f6; color: #212529; } .p-radiobutton.p-invalid > .p-radiobutton-box { @@ -1456,10 +1458,10 @@ background-color: #4b4b4b; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #81D4FA; + background: #81d4fa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #29B6F6; + background: #29b6f6; } .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; @@ -1485,10 +1487,10 @@ box-shadow: 0 0 0 0.1rem white; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #81D4FA; + color: #81d4fa; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #81D4FA; + color: #81d4fa; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; @@ -1516,8 +1518,8 @@ color: #dedede; } .p-selectbutton .p-button.p-highlight { - background: #81D4FA; - border-color: #81D4FA; + background: #81d4fa; + border-color: #81d4fa; color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1525,8 +1527,8 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover { - background: #4FC3F7; - border-color: #4FC3F7; + background: #4fc3f7; + border-color: #4fc3f7; color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1559,7 +1561,7 @@ height: 1.143rem; width: 1.143rem; background: #4c4c4c; - border: 2px solid #81D4FA; + border: 2px solid #81d4fa; border-radius: 100%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1569,11 +1571,11 @@ box-shadow: 0 0 0 0.1rem white; } .p-slider .p-slider-range { - background: #81D4FA; + background: #81d4fa; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #81D4FA; - border-color: #81D4FA; + background: #81d4fa; + border-color: #81d4fa; } .p-treeselect { background: #191919; @@ -1582,13 +1584,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #81D4FA; + border-color: #81d4fa; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #81D4FA; + border-color: #81d4fa; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.429rem; @@ -1712,8 +1714,8 @@ color: #dedede; } .p-togglebutton.p-button.p-highlight { - background: #81D4FA; - border-color: #81D4FA; + background: #81d4fa; + border-color: #81d4fa; color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1721,8 +1723,8 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover { - background: #4FC3F7; - border-color: #4FC3F7; + background: #4fc3f7; + border-color: #4fc3f7; color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1734,36 +1736,36 @@ } .p-button { color: #212529; - background: #81D4FA; - border: 1px solid #81D4FA; + background: #81d4fa; + border: 1px solid #81d4fa; padding: 0.429rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-button:not(:disabled):hover { - background: #4FC3F7; + background: #4fc3f7; color: #212529; - border-color: #4FC3F7; + border-color: #4fc3f7; } .p-button:not(:disabled):active { - background: #29B6F6; + background: #29b6f6; color: #212529; - border-color: #29B6F6; + border-color: #29b6f6; } .p-button.p-button-outlined { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1780,17 +1782,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1829,7 +1831,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #81D4FA; + color: #81d4fa; background-color: #212529; } .p-button.p-button-raised { @@ -1893,300 +1895,300 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #121212; - background: #B0BEC5; - border: 1px solid #B0BEC5; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { - background: #90A4AE; + background: #90a4ae; color: #121212; - border-color: #90A4AE; + 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #CFD8DC; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { - background: #78909C; + background: #78909c; color: #121212; - border-color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #212529; - background: #4FC3F7; - border: 1px solid #4FC3F7; + 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-fileupload-choose.p-button-info:not(:disabled):hover { - background: #29B6F6; + background: #29b6f6; color: #212529; - border-color: #29B6F6; + 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-fileupload-choose.p-button-info:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #E1F5FE; + 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-fileupload-choose.p-button-info:not(:disabled):active { - background: #03A9F4; + background: #03a9f4; color: #212529; - border-color: #03A9F4; + 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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #212529; - background: #AED581; - border: 1px solid #AED581; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #9CCC65; + background: #9ccc65; color: #212529; - border-color: #9CCC65; + 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-fileupload-choose.p-button-success:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #F1F8E9; + 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-fileupload-choose.p-button-success:not(:disabled):active { - background: #8BC34A; + background: #8bc34a; color: #212529; - border-color: #8BC34A; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212529; - background: #FFB74D; - border: 1px solid #FFB74D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { - background: #FFA726; + background: #ffa726; color: #212529; - border-color: #FFA726; + 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-fileupload-choose.p-button-warning:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #FFFDE7; + 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-fileupload-choose.p-button-warning:not(:disabled):active { - background: #FF9800; + background: #ff9800; color: #212529; - border-color: #FF9800; + 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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #BA68C8; + background: #ba68c8; color: #121212; - border-color: #BA68C8; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 1px #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #AB47BC; + background: #ab47bc; color: #121212; - border-color: #AB47BC; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #212529; - background: #E57373; - border: 1px solid #E57373; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #EF5350; + background: #ef5350; color: #212529; - border-color: #EF5350; + 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-fileupload-choose.p-button-danger:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #FFEBEE; + 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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #F44336; + background: #f44336; color: #212529; - border-color: #F44336; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-button.p-button-link { - color: #81D4FA; + color: #81d4fa; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2199,7 +2201,7 @@ } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-splitbutton { @@ -2207,16 +2209,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #888888; @@ -2232,17 +2234,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2290,171 +2292,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2561,7 +2563,7 @@ background: #4c4c4c; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-datatable .p-paginator-top { @@ -2617,7 +2619,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #212529; - background: #81D4FA; + background: #81d4fa; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2628,14 +2630,14 @@ color: #dedede; } .p-datatable .p-sortable-column.p-highlight { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #212529; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { @@ -2691,11 +2693,11 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { @@ -2703,10 +2705,10 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #81D4FA; + box-shadow: inset 0 2px 0 0 #81d4fa; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #81D4FA; + box-shadow: inset 0 -2px 0 0 #81d4fa; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #4c4c4c; @@ -2729,7 +2731,7 @@ color: #dedede; } .p-datatable .p-column-resizer-helper { - background: #81D4FA; + background: #81d4fa; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2805,7 +2807,7 @@ background: #323232; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -2952,7 +2954,7 @@ color: #dedede; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-column-filter-menu-button:focus-visible { @@ -3001,7 +3003,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -3080,6 +3082,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3093,14 +3096,16 @@ background: #4c4c4c; color: #dedede; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #dedede; + background: #3c3c3c; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(129, 212, 250, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #323232; @@ -3113,7 +3118,7 @@ color: #dedede; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { @@ -3217,8 +3222,8 @@ border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #81D4FA; - border-color: #81D4FA; + background: #81d4fa; + border-color: #81d4fa; color: #212529; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3282,7 +3287,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; } .p-tree { border: 1px solid #191919; @@ -3335,7 +3340,7 @@ box-shadow: inset 0 0 0 0.15rem white; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3437,7 +3442,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #212529; - background: #81D4FA; + background: #81d4fa; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3448,7 +3453,7 @@ color: #dedede; } .p-treetable .p-sortable-column.p-highlight { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { @@ -3496,7 +3501,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -3513,7 +3518,7 @@ color: #dedede; } .p-treetable .p-column-resizer-helper { - background: #81D4FA; + background: #81d4fa; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3551,7 +3556,7 @@ background: #323232; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -3598,7 +3603,7 @@ border-radius: 50%; width: 1rem; height: 1rem; - background-color: #81D4FA; + background-color: #81d4fa; } .p-timeline .p-timeline-event-connector { background-color: #191919; @@ -3637,18 +3642,18 @@ .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #191919; border-color: #191919; - color: #81D4FA; + color: #81d4fa; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #81D4FA; - border-color: #81D4FA; + background: #81d4fa; + border-color: #81d4fa; color: #212529; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #29B6F6; - background: #29B6F6; + border-color: #29b6f6; + background: #29b6f6; color: #212529; } .p-accordion .p-accordion-content { @@ -3725,7 +3730,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #191919; border-color: #191919; - color: #81D4FA; + color: #81d4fa; } .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; @@ -3791,19 +3796,15 @@ border: 1px solid #191919; background: #323232; color: #dedede; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #191919; background: #323232; color: #dedede; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3826,6 +3827,11 @@ background: #3f3f3f; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + } .p-tabview .p-tabview-nav { background: transparent; border: 0 none; @@ -3855,18 +3861,18 @@ .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #191919; border-color: #191919; - color: #81D4FA; + color: #81d4fa; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #81D4FA; - border-color: #81D4FA; + background: #81d4fa; + border-color: #81d4fa; color: #212529; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { - background: #81D4FA; + background: #81d4fa; color: #212529; width: 2.357rem; 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); @@ -4028,7 +4034,7 @@ padding: 0.571rem 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #81D4FA; + background: #81d4fa; color: #212529; width: 2rem; height: 2rem; @@ -4039,7 +4045,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #4FC3F7; + background: #4fc3f7; color: #212529; } .p-overlaypanel:after { @@ -4184,142 +4190,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.857rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0; + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #81d4fa; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #dedede; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #dedede; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #81d4fa; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-contextmenu .p-submenu-list { - padding: 0; - background: #252525; - border: 1px solid #191919; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #81D4FA; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - 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 { + color: #dedede; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem white; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4328,101 +4360,72 @@ border: 1px solid #191919; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; - color: #dedede; - border-radius: 3px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - user-select: none; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #dedede; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content { color: #dedede; - margin-right: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #dedede; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + padding: 0.857rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #81D4FA; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #212529; + background: #81d4fa; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-megamenu .p-menuitem-link { - padding: 0.857rem; - color: #dedede; - border-radius: 0; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - user-select: none; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #81d4fa; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-megamenu .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-menuitem-text { color: #dedede; - margin-right: 0.5rem; } - .p-megamenu .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-menuitem-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-link:not(.p-disabled):hover { - background: #4c4c4c; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #dedede; + background: #4c4c4c; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-megamenu .p-megamenu-panel { background: #252525; color: #dedede; border: 1px solid #191919; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.857rem; color: #dedede; @@ -4431,23 +4434,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #81D4FA; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0; @@ -4468,8 +4462,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #dedede; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #dedede; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0; @@ -4492,39 +4514,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #81d4fa; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #81d4fa; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4557,39 +4601,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.857rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #81d4fa; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #81d4fa; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #dedede; } .p-menu.p-menu-overlay { background: #252525; @@ -4616,90 +4682,95 @@ border: 1px solid #191919; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; background: #4c4c4c; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: #dedede; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #dedede; - border-radius: 3px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #81d4fa; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #dedede; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #dedede; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #81d4fa; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #81D4FA; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - 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 { + color: #dedede; } .p-menubar .p-submenu-list { padding: 0; @@ -4708,25 +4779,70 @@ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #dedede; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #81D4FA; + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #dedede; + background: #4c4c4c; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0; + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #4b4b4b; + margin: 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.571rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 4.285rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.999rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 7.713rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 9.427rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4773,39 +4889,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #81d4fa; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #81d4fa; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4854,44 +4992,48 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 0.857rem 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #191919; color: #dedede; background: #191919; - font-weight: 700; border-radius: 3px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #dedede; + padding: 0.857rem 1rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; + box-shadow: inset 0 0 0 0.1rem white; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #191919; border-color: #191919; - color: #81D4FA; + color: #81d4fa; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #81D4FA; - border-color: #81D4FA; + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #81d4fa; + border-color: #81d4fa; color: #212529; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #29B6F6; - background: #29B6F6; + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #29b6f6; + background: #29b6f6; color: #212529; } .p-panelmenu .p-panelmenu-content { @@ -4905,44 +5047,73 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.857rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #81d4fa; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #81d4fa; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #4b4b4b; + margin: 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4956,39 +5127,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.857rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #81d4fa; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #81d4fa; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; } .p-slidemenu.p-slidemenu-overlay { background: #252525; @@ -5002,7 +5195,7 @@ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #81D4FA; + background: #81d4fa; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { color: #212529; @@ -5052,7 +5245,7 @@ box-shadow: 0 0 0 0.1rem white; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5102,11 +5295,11 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #191919; border-color: #191919; - color: #81D4FA; + color: #81d4fa; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #81D4FA; - border-color: #81D4FA; + background: #81d4fa; + border-color: #81d4fa; color: #212529; } .p-tieredmenu { @@ -5117,67 +5310,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.857rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0; + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #81d4fa; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #dedede; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #dedede; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #dedede; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #81d4fa; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #dedede; + background: #3c3c3c; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #252525; - border: 1px solid #191919; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-tieredmenu .p-submenu-list { - padding: 0; - background: #252525; - border: 1px solid #191919; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #81D4FA; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - 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 { + color: #dedede; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5470,7 +5678,7 @@ background: #4c4c4c; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5489,7 +5697,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #81D4FA; + background: #81d4fa; color: #212529; } .p-galleria .p-galleria-thumbnail-container { @@ -5630,10 +5838,10 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { - background: #81D4FA; + background: #81d4fa; } .p-scrolltop.p-link:hover { - background: #4FC3F7; + background: #4fc3f7; } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; @@ -5651,7 +5859,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } .p-tag { - background: #81D4FA; + background: #81d4fa; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5659,19 +5867,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-tag.p-tag-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-tag.p-tag-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-tag.p-tag-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-tag .p-tag-icon { @@ -5705,7 +5913,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #81D4FA; + background: #81d4fa; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5723,7 +5931,7 @@ font-size: 1rem; } .p-badge { - background: #81D4FA; + background: #81d4fa; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5732,23 +5940,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #B0BEC5; + background-color: #b0bec5; color: #121212; } .p-badge.p-badge-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-badge.p-badge-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-badge.p-badge-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-badge.p-badge-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-badge.p-badge-lg { @@ -5764,7 +5972,7 @@ line-height: 3rem; } .p-tag { - background: #81D4FA; + background: #81d4fa; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5772,19 +5980,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-tag.p-tag-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-tag.p-tag-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-tag.p-tag-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } } diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 3d3bbe529e..4c20ea2112 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #191919; --surface-b: #191919; --surface-c: #4c4c4c; @@ -9,7 +11,7 @@ --surface-f: #323232; --text-color: #dedede; --text-color-secondary: #888888; - --primary-color: #C5E1A5; + --primary-color: #c5e1a5; --primary-color-text: #212529; --surface-0: #191919; --surface-50: #303030; @@ -32,18 +34,18 @@ --gray-700: #474747; --gray-800: #303030; --gray-900: #191919; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#191919; - --surface-section:#191919; - --surface-card:#323232; - --surface-overlay:#323232; - --surface-border:#4b4b4b; - --surface-hover:#4c4c4c; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #191919; + --surface-section: #191919; + --surface-card: #323232; + --surface-overlay: #323232; + --surface-border: #4b4b4b; + --surface-hover: #4c4c4c; --focus-ring: 0 0 0 0.1rem white; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #C5E1A5; + --highlight-bg: #c5e1a5; --highlight-text-color: #212529; color-scheme: dark; } @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #C5E1A5; + color: #c5e1a5; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #C5E1A5; + stroke: #c5e1a5; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #C5E1A5; + fill: #c5e1a5; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #C5E1A5; + color: #c5e1a5; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; @@ -366,7 +368,7 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; margin-right: 0.5rem; - background: #C5E1A5; + background: #c5e1a5; color: #212529; border-radius: 3px; } @@ -401,7 +403,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #C5E1A5; + color: #c5e1a5; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -500,7 +502,7 @@ } .p-datepicker table td > span.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; } .p-datepicker table td > span:focus { outline: 0 none; @@ -508,13 +510,13 @@ box-shadow: 0 0 0 0.1rem white; } .p-datepicker table td.p-datepicker-today > span { - background: #9CCC65; + background: #9ccc65; color: #212529; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; } .p-datepicker .p-datepicker-buttonbar { padding: 0.857rem 0 0.429rem 0; @@ -568,7 +570,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; } .p-datepicker .p-yearpicker { margin: 0.857rem 0; @@ -580,7 +582,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #4b4b4b; @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -690,7 +692,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -735,26 +737,26 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #C5E1A5; - background: #C5E1A5; + border-color: #c5e1a5; + background: #c5e1a5; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - border-color: #9CCC65; - background: #9CCC65; + border-color: #9ccc65; + background: #9ccc65; color: #212529; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #9CCC65; - background: #9CCC65; + border-color: #9ccc65; + background: #9ccc65; color: #212529; } .p-checkbox.p-invalid > .p-checkbox-box { @@ -764,13 +766,13 @@ background-color: #4b4b4b; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #C5E1A5; + background: #c5e1a5; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #4b4b4b; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #9CCC65; + background: #9ccc65; } .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; @@ -780,18 +782,18 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; margin-right: 0.5rem; - background: #C5E1A5; + background: #c5e1a5; color: #dedede; border-radius: 16px; } @@ -834,13 +836,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.429rem; @@ -915,7 +917,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -1041,13 +1043,13 @@ background: #4b4b4b; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #C5E1A5; + background: #c5e1a5; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #323232; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #AED581; + background: #aed581; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #e57373; @@ -1065,13 +1067,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-inputtext.p-invalid.p-component { border-color: #e57373; @@ -1177,7 +1179,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -1228,7 +1230,7 @@ } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; } .p-multiselect { background: #191919; @@ -1237,13 +1239,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.429rem; @@ -1347,7 +1349,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -1398,13 +1400,13 @@ background: #eaeaea; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #E57373; + background: #e57373; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFB74D; + background: #ffb74d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #AED581; + background: #aed581; } .p-radiobutton { width: 20px; @@ -1420,13 +1422,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1435,12 +1437,12 @@ background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #C5E1A5; - background: #C5E1A5; + border-color: #c5e1a5; + background: #c5e1a5; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #9CCC65; - background: #9CCC65; + border-color: #9ccc65; + background: #9ccc65; color: #212529; } .p-radiobutton.p-invalid > .p-radiobutton-box { @@ -1456,10 +1458,10 @@ background-color: #4b4b4b; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #C5E1A5; + background: #c5e1a5; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #9CCC65; + background: #9ccc65; } .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; @@ -1485,10 +1487,10 @@ box-shadow: 0 0 0 0.1rem white; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #C5E1A5; + color: #c5e1a5; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #C5E1A5; + color: #c5e1a5; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; @@ -1516,8 +1518,8 @@ color: #dedede; } .p-selectbutton .p-button.p-highlight { - background: #C5E1A5; - border-color: #C5E1A5; + background: #c5e1a5; + border-color: #c5e1a5; color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1525,8 +1527,8 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover { - background: #AED581; - border-color: #AED581; + background: #aed581; + border-color: #aed581; color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1559,7 +1561,7 @@ height: 1.143rem; width: 1.143rem; background: #4c4c4c; - border: 2px solid #C5E1A5; + border: 2px solid #c5e1a5; border-radius: 100%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1569,11 +1571,11 @@ box-shadow: 0 0 0 0.1rem white; } .p-slider .p-slider-range { - background: #C5E1A5; + background: #c5e1a5; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #C5E1A5; - border-color: #C5E1A5; + background: #c5e1a5; + border-color: #c5e1a5; } .p-treeselect { background: #191919; @@ -1582,13 +1584,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #C5E1A5; + border-color: #c5e1a5; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.429rem; @@ -1712,8 +1714,8 @@ color: #dedede; } .p-togglebutton.p-button.p-highlight { - background: #C5E1A5; - border-color: #C5E1A5; + background: #c5e1a5; + border-color: #c5e1a5; color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1721,8 +1723,8 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover { - background: #AED581; - border-color: #AED581; + background: #aed581; + border-color: #aed581; color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1734,36 +1736,36 @@ } .p-button { color: #212529; - background: #C5E1A5; - border: 1px solid #C5E1A5; + background: #c5e1a5; + border: 1px solid #c5e1a5; padding: 0.429rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-button:not(:disabled):hover { - background: #AED581; + background: #aed581; color: #212529; - border-color: #AED581; + border-color: #aed581; } .p-button:not(:disabled):active { - background: #9CCC65; + background: #9ccc65; color: #212529; - border-color: #9CCC65; + border-color: #9ccc65; } .p-button.p-button-outlined { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1780,17 +1782,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1829,7 +1831,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #C5E1A5; + color: #c5e1a5; background-color: #212529; } .p-button.p-button-raised { @@ -1893,300 +1895,300 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #121212; - background: #B0BEC5; - border: 1px solid #B0BEC5; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { - background: #90A4AE; + background: #90a4ae; color: #121212; - border-color: #90A4AE; + 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #CFD8DC; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { - background: #78909C; + background: #78909c; color: #121212; - border-color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #212529; - background: #4FC3F7; - border: 1px solid #4FC3F7; + 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-fileupload-choose.p-button-info:not(:disabled):hover { - background: #29B6F6; + background: #29b6f6; color: #212529; - border-color: #29B6F6; + 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-fileupload-choose.p-button-info:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #E1F5FE; + 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-fileupload-choose.p-button-info:not(:disabled):active { - background: #03A9F4; + background: #03a9f4; color: #212529; - border-color: #03A9F4; + 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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #212529; - background: #AED581; - border: 1px solid #AED581; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #9CCC65; + background: #9ccc65; color: #212529; - border-color: #9CCC65; + 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-fileupload-choose.p-button-success:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #F1F8E9; + 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-fileupload-choose.p-button-success:not(:disabled):active { - background: #8BC34A; + background: #8bc34a; color: #212529; - border-color: #8BC34A; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212529; - background: #FFB74D; - border: 1px solid #FFB74D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { - background: #FFA726; + background: #ffa726; color: #212529; - border-color: #FFA726; + 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-fileupload-choose.p-button-warning:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #FFFDE7; + 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-fileupload-choose.p-button-warning:not(:disabled):active { - background: #FF9800; + background: #ff9800; color: #212529; - border-color: #FF9800; + 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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #BA68C8; + background: #ba68c8; color: #121212; - border-color: #BA68C8; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 1px #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #AB47BC; + background: #ab47bc; color: #121212; - border-color: #AB47BC; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #212529; - background: #E57373; - border: 1px solid #E57373; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #EF5350; + background: #ef5350; color: #212529; - border-color: #EF5350; + 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-fileupload-choose.p-button-danger:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #FFEBEE; + 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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #F44336; + background: #f44336; color: #212529; - border-color: #F44336; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-button.p-button-link { - color: #C5E1A5; + color: #c5e1a5; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2199,7 +2201,7 @@ } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton { @@ -2207,16 +2209,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #888888; @@ -2232,17 +2234,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2290,171 +2292,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2561,7 +2563,7 @@ background: #4c4c4c; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-datatable .p-paginator-top { @@ -2617,7 +2619,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #212529; - background: #C5E1A5; + background: #c5e1a5; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2628,14 +2630,14 @@ color: #dedede; } .p-datatable .p-sortable-column.p-highlight { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #212529; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { @@ -2691,11 +2693,11 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { @@ -2703,10 +2705,10 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #C5E1A5; + box-shadow: inset 0 2px 0 0 #c5e1a5; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #C5E1A5; + box-shadow: inset 0 -2px 0 0 #c5e1a5; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #4c4c4c; @@ -2729,7 +2731,7 @@ color: #dedede; } .p-datatable .p-column-resizer-helper { - background: #C5E1A5; + background: #c5e1a5; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2805,7 +2807,7 @@ background: #323232; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -2952,7 +2954,7 @@ color: #dedede; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-column-filter-menu-button:focus-visible { @@ -3001,7 +3003,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -3080,6 +3082,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3093,14 +3096,16 @@ background: #4c4c4c; color: #dedede; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #dedede; + background: #3c3c3c; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(197, 225, 165, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #323232; @@ -3113,7 +3118,7 @@ color: #dedede; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { @@ -3217,8 +3222,8 @@ border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #C5E1A5; - border-color: #C5E1A5; + background: #c5e1a5; + border-color: #c5e1a5; color: #212529; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3282,7 +3287,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; } .p-tree { border: 1px solid #191919; @@ -3335,7 +3340,7 @@ box-shadow: inset 0 0 0 0.15rem white; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3437,7 +3442,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #212529; - background: #C5E1A5; + background: #c5e1a5; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3448,7 +3453,7 @@ color: #dedede; } .p-treetable .p-sortable-column.p-highlight { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { @@ -3496,7 +3501,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -3513,7 +3518,7 @@ color: #dedede; } .p-treetable .p-column-resizer-helper { - background: #C5E1A5; + background: #c5e1a5; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3551,7 +3556,7 @@ background: #323232; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -3598,7 +3603,7 @@ border-radius: 50%; width: 1rem; height: 1rem; - background-color: #C5E1A5; + background-color: #c5e1a5; } .p-timeline .p-timeline-event-connector { background-color: #191919; @@ -3637,18 +3642,18 @@ .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #191919; border-color: #191919; - color: #C5E1A5; + color: #c5e1a5; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #C5E1A5; - border-color: #C5E1A5; + background: #c5e1a5; + border-color: #c5e1a5; color: #212529; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #9CCC65; - background: #9CCC65; + border-color: #9ccc65; + background: #9ccc65; color: #212529; } .p-accordion .p-accordion-content { @@ -3725,7 +3730,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #191919; border-color: #191919; - color: #C5E1A5; + color: #c5e1a5; } .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; @@ -3791,19 +3796,15 @@ border: 1px solid #191919; background: #323232; color: #dedede; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #191919; background: #323232; color: #dedede; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3826,6 +3827,11 @@ background: #3f3f3f; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + } .p-tabview .p-tabview-nav { background: transparent; border: 0 none; @@ -3855,18 +3861,18 @@ .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #191919; border-color: #191919; - color: #C5E1A5; + color: #c5e1a5; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #C5E1A5; - border-color: #C5E1A5; + background: #c5e1a5; + border-color: #c5e1a5; color: #212529; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { - background: #C5E1A5; + background: #c5e1a5; color: #212529; width: 2.357rem; 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); @@ -4028,7 +4034,7 @@ padding: 0.571rem 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #C5E1A5; + background: #c5e1a5; color: #212529; width: 2rem; height: 2rem; @@ -4039,7 +4045,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #AED581; + background: #aed581; color: #212529; } .p-overlaypanel:after { @@ -4184,142 +4190,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.857rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0; + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #c5e1a5; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #dedede; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #dedede; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #c5e1a5; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-contextmenu .p-submenu-list { - padding: 0; - background: #252525; - border: 1px solid #191919; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #C5E1A5; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - 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 { + color: #dedede; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem white; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4328,101 +4360,72 @@ border: 1px solid #191919; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; - color: #dedede; - border-radius: 3px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - user-select: none; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #dedede; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content { color: #dedede; - margin-right: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #dedede; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + padding: 0.857rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #C5E1A5; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #212529; + background: #c5e1a5; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-megamenu .p-menuitem-link { - padding: 0.857rem; - color: #dedede; - border-radius: 0; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - user-select: none; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #c5e1a5; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-megamenu .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-menuitem-text { color: #dedede; - margin-right: 0.5rem; } - .p-megamenu .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-menuitem-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-link:not(.p-disabled):hover { - background: #4c4c4c; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #dedede; + background: #4c4c4c; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-megamenu .p-megamenu-panel { background: #252525; color: #dedede; border: 1px solid #191919; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.857rem; color: #dedede; @@ -4431,23 +4434,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #C5E1A5; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0; @@ -4468,8 +4462,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #dedede; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #dedede; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0; @@ -4492,39 +4514,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #c5e1a5; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #c5e1a5; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4557,39 +4601,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.857rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #c5e1a5; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #c5e1a5; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #dedede; } .p-menu.p-menu-overlay { background: #252525; @@ -4616,90 +4682,95 @@ border: 1px solid #191919; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; background: #4c4c4c; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: #dedede; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #dedede; - border-radius: 3px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #c5e1a5; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #dedede; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #dedede; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #c5e1a5; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #C5E1A5; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - 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 { + color: #dedede; } .p-menubar .p-submenu-list { padding: 0; @@ -4708,25 +4779,70 @@ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #dedede; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #C5E1A5; + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #dedede; + background: #4c4c4c; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0; + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #4b4b4b; + margin: 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.571rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 4.285rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.999rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 7.713rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 9.427rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4773,39 +4889,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #c5e1a5; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #c5e1a5; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4854,44 +4992,48 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 0.857rem 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #191919; color: #dedede; background: #191919; - font-weight: 700; border-radius: 3px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #dedede; + padding: 0.857rem 1rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; + box-shadow: inset 0 0 0 0.1rem white; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #191919; border-color: #191919; - color: #C5E1A5; + color: #c5e1a5; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #C5E1A5; - border-color: #C5E1A5; + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #c5e1a5; + border-color: #c5e1a5; color: #212529; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #9CCC65; - background: #9CCC65; + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #9ccc65; + background: #9ccc65; color: #212529; } .p-panelmenu .p-panelmenu-content { @@ -4905,44 +5047,73 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.857rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #c5e1a5; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #c5e1a5; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #4b4b4b; + margin: 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4956,39 +5127,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.857rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #c5e1a5; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #c5e1a5; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; } .p-slidemenu.p-slidemenu-overlay { background: #252525; @@ -5002,7 +5195,7 @@ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #C5E1A5; + background: #c5e1a5; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { color: #212529; @@ -5052,7 +5245,7 @@ box-shadow: 0 0 0 0.1rem white; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5102,11 +5295,11 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #191919; border-color: #191919; - color: #C5E1A5; + color: #c5e1a5; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #C5E1A5; - border-color: #C5E1A5; + background: #c5e1a5; + border-color: #c5e1a5; color: #212529; } .p-tieredmenu { @@ -5117,67 +5310,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.857rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0; + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #c5e1a5; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #dedede; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #dedede; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #dedede; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #c5e1a5; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #dedede; + background: #3c3c3c; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #252525; - border: 1px solid #191919; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-tieredmenu .p-submenu-list { - padding: 0; - background: #252525; - border: 1px solid #191919; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #C5E1A5; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - 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 { + color: #dedede; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5470,7 +5678,7 @@ background: #4c4c4c; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5489,7 +5697,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #C5E1A5; + background: #c5e1a5; color: #212529; } .p-galleria .p-galleria-thumbnail-container { @@ -5630,10 +5838,10 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { - background: #C5E1A5; + background: #c5e1a5; } .p-scrolltop.p-link:hover { - background: #AED581; + background: #aed581; } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; @@ -5651,7 +5859,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } .p-tag { - background: #C5E1A5; + background: #c5e1a5; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5659,19 +5867,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-tag.p-tag-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-tag.p-tag-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-tag.p-tag-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-tag .p-tag-icon { @@ -5705,7 +5913,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #C5E1A5; + background: #c5e1a5; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5723,7 +5931,7 @@ font-size: 1rem; } .p-badge { - background: #C5E1A5; + background: #c5e1a5; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5732,23 +5940,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #B0BEC5; + background-color: #b0bec5; color: #121212; } .p-badge.p-badge-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-badge.p-badge-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-badge.p-badge-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-badge.p-badge-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-badge.p-badge-lg { @@ -5764,7 +5972,7 @@ line-height: 3rem; } .p-tag { - background: #C5E1A5; + background: #c5e1a5; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5772,19 +5980,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-tag.p-tag-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-tag.p-tag-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-tag.p-tag-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } } diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index cde173a0b7..ff4732debb 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #191919; --surface-b: #191919; --surface-c: #4c4c4c; @@ -9,7 +11,7 @@ --surface-f: #323232; --text-color: #dedede; --text-color-secondary: #888888; - --primary-color: #F48FB1; + --primary-color: #f48fb1; --primary-color-text: #212529; --surface-0: #191919; --surface-50: #303030; @@ -32,18 +34,18 @@ --gray-700: #474747; --gray-800: #303030; --gray-900: #191919; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#191919; - --surface-section:#191919; - --surface-card:#323232; - --surface-overlay:#323232; - --surface-border:#4b4b4b; - --surface-hover:#4c4c4c; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #191919; + --surface-section: #191919; + --surface-card: #323232; + --surface-overlay: #323232; + --surface-border: #4b4b4b; + --surface-hover: #4c4c4c; --focus-ring: 0 0 0 0.1rem white; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #F48FB1; + --highlight-bg: #f48fb1; --highlight-text-color: #212529; color-scheme: dark; } @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #F48FB1; + color: #f48fb1; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #F48FB1; + stroke: #f48fb1; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #F48FB1; + fill: #f48fb1; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #F48FB1; + color: #f48fb1; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #F48FB1; + border-color: #f48fb1; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #F48FB1; + border-color: #f48fb1; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; @@ -366,7 +368,7 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; margin-right: 0.5rem; - background: #F48FB1; + background: #f48fb1; color: #212529; border-radius: 3px; } @@ -401,7 +403,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #F48FB1; + color: #f48fb1; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -500,7 +502,7 @@ } .p-datepicker table td > span.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; } .p-datepicker table td > span:focus { outline: 0 none; @@ -508,13 +510,13 @@ box-shadow: 0 0 0 0.1rem white; } .p-datepicker table td.p-datepicker-today > span { - background: #EC407A; + background: #ec407a; color: #212529; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; } .p-datepicker .p-datepicker-buttonbar { padding: 0.857rem 0 0.429rem 0; @@ -568,7 +570,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; } .p-datepicker .p-yearpicker { margin: 0.857rem 0; @@ -580,7 +582,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #4b4b4b; @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #F48FB1; + border-color: #f48fb1; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #F48FB1; + border-color: #f48fb1; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -690,7 +692,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -735,26 +737,26 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #F48FB1; - background: #F48FB1; + border-color: #f48fb1; + background: #f48fb1; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - border-color: #EC407A; - background: #EC407A; + border-color: #ec407a; + background: #ec407a; color: #212529; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #F48FB1; + border-color: #f48fb1; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #F48FB1; + border-color: #f48fb1; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #EC407A; - background: #EC407A; + border-color: #ec407a; + background: #ec407a; color: #212529; } .p-checkbox.p-invalid > .p-checkbox-box { @@ -764,13 +766,13 @@ background-color: #4b4b4b; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #F48FB1; + background: #f48fb1; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #4b4b4b; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #EC407A; + background: #ec407a; } .p-highlight .p-checkbox .p-checkbox-box { border-color: #212529; @@ -780,18 +782,18 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #F48FB1; + border-color: #f48fb1; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #F48FB1; + border-color: #f48fb1; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; margin-right: 0.5rem; - background: #F48FB1; + background: #f48fb1; color: #dedede; border-radius: 16px; } @@ -834,13 +836,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #F48FB1; + border-color: #f48fb1; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #F48FB1; + border-color: #f48fb1; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.429rem; @@ -915,7 +917,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -1041,13 +1043,13 @@ background: #4b4b4b; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #F48FB1; + background: #f48fb1; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #323232; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #F06292; + background: #f06292; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #e57373; @@ -1065,13 +1067,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #F48FB1; + border-color: #f48fb1; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #F48FB1; + border-color: #f48fb1; } .p-inputtext.p-invalid.p-component { border-color: #e57373; @@ -1177,7 +1179,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -1228,7 +1230,7 @@ } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; } .p-multiselect { background: #191919; @@ -1237,13 +1239,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #F48FB1; + border-color: #f48fb1; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #F48FB1; + border-color: #f48fb1; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.429rem; @@ -1347,7 +1349,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -1398,13 +1400,13 @@ background: #eaeaea; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #E57373; + background: #e57373; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFB74D; + background: #ffb74d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #AED581; + background: #aed581; } .p-radiobutton { width: 20px; @@ -1420,13 +1422,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #F48FB1; + border-color: #f48fb1; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #F48FB1; + border-color: #f48fb1; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1435,12 +1437,12 @@ background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #F48FB1; - background: #F48FB1; + border-color: #f48fb1; + background: #f48fb1; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #EC407A; - background: #EC407A; + border-color: #ec407a; + background: #ec407a; color: #212529; } .p-radiobutton.p-invalid > .p-radiobutton-box { @@ -1456,10 +1458,10 @@ background-color: #4b4b4b; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #F48FB1; + background: #f48fb1; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #EC407A; + background: #ec407a; } .p-highlight .p-radiobutton .p-radiobutton-box { border-color: #212529; @@ -1485,10 +1487,10 @@ box-shadow: 0 0 0 0.1rem white; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #F48FB1; + color: #f48fb1; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #F48FB1; + color: #f48fb1; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #b5019f; @@ -1516,8 +1518,8 @@ color: #dedede; } .p-selectbutton .p-button.p-highlight { - background: #F48FB1; - border-color: #F48FB1; + background: #f48fb1; + border-color: #f48fb1; color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1525,8 +1527,8 @@ color: #212529; } .p-selectbutton .p-button.p-highlight:hover { - background: #F06292; - border-color: #F06292; + background: #f06292; + border-color: #f06292; color: #212529; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1559,7 +1561,7 @@ height: 1.143rem; width: 1.143rem; background: #4c4c4c; - border: 2px solid #F48FB1; + border: 2px solid #f48fb1; border-radius: 100%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1569,11 +1571,11 @@ box-shadow: 0 0 0 0.1rem white; } .p-slider .p-slider-range { - background: #F48FB1; + background: #f48fb1; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #F48FB1; - border-color: #F48FB1; + background: #f48fb1; + border-color: #f48fb1; } .p-treeselect { background: #191919; @@ -1582,13 +1584,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #F48FB1; + border-color: #f48fb1; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem white; - border-color: #F48FB1; + border-color: #f48fb1; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.429rem; @@ -1712,8 +1714,8 @@ color: #dedede; } .p-togglebutton.p-button.p-highlight { - background: #F48FB1; - border-color: #F48FB1; + background: #f48fb1; + border-color: #f48fb1; color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1721,8 +1723,8 @@ color: #212529; } .p-togglebutton.p-button.p-highlight:hover { - background: #F06292; - border-color: #F06292; + background: #f06292; + border-color: #f06292; color: #212529; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1734,36 +1736,36 @@ } .p-button { color: #212529; - background: #F48FB1; - border: 1px solid #F48FB1; + background: #f48fb1; + border: 1px solid #f48fb1; padding: 0.429rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 3px; } .p-button:not(:disabled):hover { - background: #F06292; + background: #f06292; color: #212529; - border-color: #F06292; + border-color: #f06292; } .p-button:not(:disabled):active { - background: #EC407A; + background: #ec407a; color: #212529; - border-color: #EC407A; + border-color: #ec407a; } .p-button.p-button-outlined { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1780,17 +1782,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1829,7 +1831,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #F48FB1; + color: #f48fb1; background-color: #212529; } .p-button.p-button-raised { @@ -1893,300 +1895,300 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #121212; - background: #B0BEC5; - border: 1px solid #B0BEC5; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { - background: #90A4AE; + background: #90a4ae; color: #121212; - border-color: #90A4AE; + 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #CFD8DC; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { - background: #78909C; + background: #78909c; color: #121212; - border-color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #212529; - background: #4FC3F7; - border: 1px solid #4FC3F7; + 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-fileupload-choose.p-button-info:not(:disabled):hover { - background: #29B6F6; + background: #29b6f6; color: #212529; - border-color: #29B6F6; + 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-fileupload-choose.p-button-info:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #E1F5FE; + 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-fileupload-choose.p-button-info:not(:disabled):active { - background: #03A9F4; + background: #03a9f4; color: #212529; - border-color: #03A9F4; + 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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #212529; - background: #AED581; - border: 1px solid #AED581; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #9CCC65; + background: #9ccc65; color: #212529; - border-color: #9CCC65; + 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-fileupload-choose.p-button-success:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #F1F8E9; + 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-fileupload-choose.p-button-success:not(:disabled):active { - background: #8BC34A; + background: #8bc34a; color: #212529; - border-color: #8BC34A; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212529; - background: #FFB74D; - border: 1px solid #FFB74D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { - background: #FFA726; + background: #ffa726; color: #212529; - border-color: #FFA726; + 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-fileupload-choose.p-button-warning:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #FFFDE7; + 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-fileupload-choose.p-button-warning:not(:disabled):active { - background: #FF9800; + background: #ff9800; color: #212529; - border-color: #FF9800; + 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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #BA68C8; + background: #ba68c8; color: #121212; - border-color: #BA68C8; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 1px #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #AB47BC; + background: #ab47bc; color: #121212; - border-color: #AB47BC; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #212529; - background: #E57373; - border: 1px solid #E57373; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #EF5350; + background: #ef5350; color: #212529; - border-color: #EF5350; + 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-fileupload-choose.p-button-danger:not(:disabled):focus { - box-shadow: 0 0 0 0.1rem #FFEBEE; + 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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #F44336; + background: #f44336; color: #212529; - border-color: #F44336; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-button.p-button-link { - color: #F48FB1; + color: #f48fb1; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2199,7 +2201,7 @@ } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-splitbutton { @@ -2207,16 +2209,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #888888; @@ -2232,17 +2234,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2290,171 +2292,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #B0BEC5; + color: #b0bec5; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(176, 190, 197, 0.04); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(176, 190, 197, 0.16); border-color: transparent; - color: #B0BEC5; + color: #b0bec5; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #4FC3F7; + color: #4fc3f7; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(79, 195, 247, 0.04); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(79, 195, 247, 0.16); border-color: transparent; - color: #4FC3F7; + color: #4fc3f7; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #AED581; + color: #aed581; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(174, 213, 129, 0.04); border-color: transparent; - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(174, 213, 129, 0.16); border-color: transparent; - color: #AED581; + color: #aed581; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFB74D; + color: #ffb74d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 183, 77, 0.04); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 183, 77, 0.16); border-color: transparent; - color: #FFB74D; + color: #ffb74d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #E57373; + color: #e57373; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(229, 115, 115, 0.04); border-color: transparent; - color: #E57373; + color: #e57373; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(229, 115, 115, 0.16); border-color: transparent; - color: #E57373; + color: #e57373; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2561,7 +2563,7 @@ background: #4c4c4c; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-datatable .p-paginator-top { @@ -2617,7 +2619,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #212529; - background: #F48FB1; + background: #f48fb1; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2628,14 +2630,14 @@ color: #dedede; } .p-datatable .p-sortable-column.p-highlight { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #212529; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { @@ -2691,11 +2693,11 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { @@ -2703,10 +2705,10 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #F48FB1; + box-shadow: inset 0 2px 0 0 #f48fb1; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #F48FB1; + box-shadow: inset 0 -2px 0 0 #f48fb1; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #4c4c4c; @@ -2729,7 +2731,7 @@ color: #dedede; } .p-datatable .p-column-resizer-helper { - background: #F48FB1; + background: #f48fb1; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2805,7 +2807,7 @@ background: #323232; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -2952,7 +2954,7 @@ color: #dedede; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-column-filter-menu-button:focus-visible { @@ -3001,7 +3003,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #dedede; @@ -3080,6 +3082,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3093,14 +3096,16 @@ background: #4c4c4c; color: #dedede; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #dedede; + background: #3c3c3c; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(244, 143, 177, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #323232; @@ -3113,7 +3118,7 @@ color: #dedede; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { @@ -3217,8 +3222,8 @@ border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #F48FB1; - border-color: #F48FB1; + background: #f48fb1; + border-color: #f48fb1; color: #212529; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3282,7 +3287,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; } .p-tree { border: 1px solid #191919; @@ -3335,7 +3340,7 @@ box-shadow: inset 0 0 0 0.15rem white; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3437,7 +3442,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #212529; - background: #F48FB1; + background: #f48fb1; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3448,7 +3453,7 @@ color: #dedede; } .p-treetable .p-sortable-column.p-highlight { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { @@ -3496,7 +3501,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -3513,7 +3518,7 @@ color: #dedede; } .p-treetable .p-column-resizer-helper { - background: #F48FB1; + background: #f48fb1; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3551,7 +3556,7 @@ background: #323232; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -3598,7 +3603,7 @@ border-radius: 50%; width: 1rem; height: 1rem; - background-color: #F48FB1; + background-color: #f48fb1; } .p-timeline .p-timeline-event-connector { background-color: #191919; @@ -3637,18 +3642,18 @@ .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #191919; border-color: #191919; - color: #F48FB1; + color: #f48fb1; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #F48FB1; - border-color: #F48FB1; + background: #f48fb1; + border-color: #f48fb1; color: #212529; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #EC407A; - background: #EC407A; + border-color: #ec407a; + background: #ec407a; color: #212529; } .p-accordion .p-accordion-content { @@ -3725,7 +3730,7 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #191919; border-color: #191919; - color: #F48FB1; + color: #f48fb1; } .p-fieldset .p-fieldset-content { padding: 0.571rem 1rem; @@ -3791,19 +3796,15 @@ border: 1px solid #191919; background: #323232; color: #dedede; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #191919; background: #323232; color: #dedede; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3826,6 +3827,11 @@ background: #3f3f3f; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; + } .p-tabview .p-tabview-nav { background: transparent; border: 0 none; @@ -3855,18 +3861,18 @@ .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #191919; border-color: #191919; - color: #F48FB1; + color: #f48fb1; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #F48FB1; - border-color: #F48FB1; + background: #f48fb1; + border-color: #f48fb1; color: #212529; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { - background: #F48FB1; + background: #f48fb1; color: #212529; width: 2.357rem; 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); @@ -4028,7 +4034,7 @@ padding: 0.571rem 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #F48FB1; + background: #f48fb1; color: #212529; width: 2rem; height: 2rem; @@ -4039,7 +4045,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #F06292; + background: #f06292; color: #212529; } .p-overlaypanel:after { @@ -4184,142 +4190,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.857rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0; + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #f48fb1; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #dedede; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #dedede; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f48fb1; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-contextmenu .p-submenu-list { - padding: 0; - background: #252525; - border: 1px solid #191919; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F48FB1; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - 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 { + color: #dedede; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem white; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4328,101 +4360,72 @@ border: 1px solid #191919; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; - color: #dedede; - border-radius: 3px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - user-select: none; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #dedede; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content { color: #dedede; - margin-right: 0.5rem; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #dedede; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + padding: 0.857rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #F48FB1; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #212529; + background: #f48fb1; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #212529; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #212529; } - .p-megamenu .p-menuitem-link { - padding: 0.857rem; - color: #dedede; - border-radius: 0; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - user-select: none; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f48fb1; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-megamenu .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-menuitem-text { color: #dedede; - margin-right: 0.5rem; } - .p-megamenu .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-menuitem-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-link:not(.p-disabled):hover { - background: #4c4c4c; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #dedede; + background: #4c4c4c; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } .p-megamenu .p-megamenu-panel { background: #252525; color: #dedede; border: 1px solid #191919; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.857rem; color: #dedede; @@ -4431,23 +4434,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F48FB1; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0; @@ -4468,8 +4462,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.1rem white; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #dedede; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #dedede; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #dedede; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0; @@ -4492,39 +4514,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #f48fb1; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #f48fb1; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4557,39 +4601,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.857rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #f48fb1; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f48fb1; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #dedede; } .p-menu.p-menu-overlay { background: #252525; @@ -4616,90 +4682,95 @@ border: 1px solid #191919; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; background: #4c4c4c; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: #dedede; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #dedede; - border-radius: 3px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #f48fb1; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #dedede; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #dedede; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f48fb1; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #F48FB1; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #212529; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #212529; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - 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 { + color: #dedede; } .p-menubar .p-submenu-list { padding: 0; @@ -4708,25 +4779,70 @@ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #dedede; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F48FB1; + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #dedede; + background: #4c4c4c; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem white; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #212529; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0; + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #4b4b4b; + margin: 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.571rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 4.285rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.999rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 7.713rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 9.427rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4773,39 +4889,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #f48fb1; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #f48fb1; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4854,44 +4992,48 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 0.857rem 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #191919; color: #dedede; background: #191919; - font-weight: 700; border-radius: 3px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #dedede; + padding: 0.857rem 1rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.1rem white; + box-shadow: inset 0 0 0 0.1rem white; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #191919; border-color: #191919; - color: #F48FB1; + color: #f48fb1; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #F48FB1; - border-color: #F48FB1; + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #f48fb1; + border-color: #f48fb1; color: #212529; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #EC407A; - background: #EC407A; + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #ec407a; + background: #ec407a; color: #212529; } .p-panelmenu .p-panelmenu-content { @@ -4905,44 +5047,73 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.857rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #f48fb1; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #212529; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f48fb1; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-text { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #4b4b4b; + margin: 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4956,39 +5127,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.857rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; + background: #f48fb1; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; + } + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #f48fb1; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #dedede; + background: #3c3c3c; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #dedede; } .p-slidemenu.p-slidemenu-overlay { background: #252525; @@ -5002,7 +5195,7 @@ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #F48FB1; + background: #f48fb1; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { color: #212529; @@ -5052,7 +5245,7 @@ box-shadow: 0 0 0 0.1rem white; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5102,11 +5295,11 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #191919; border-color: #191919; - color: #F48FB1; + color: #f48fb1; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #F48FB1; - border-color: #F48FB1; + background: #f48fb1; + border-color: #f48fb1; color: #212529; } .p-tieredmenu { @@ -5117,67 +5310,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.857rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0; + background: #252525; + border: 1px solid #191919; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #dedede; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #dedede; + padding: 0.857rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #dedede; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #dedede; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #dedede; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #4c4c4c; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #212529; + background: #f48fb1; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #dedede; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #dedede; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #212529; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #dedede; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f48fb1; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem white; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #dedede; + background: #3c3c3c; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #252525; - border: 1px solid #191919; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-tieredmenu .p-submenu-list { - padding: 0; - background: #252525; - border: 1px solid #191919; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #dedede; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #F48FB1; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #dedede; + background: #4c4c4c; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #212529; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #dedede; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - 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 { + color: #dedede; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #4b4b4b; margin: 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5470,7 +5678,7 @@ background: #4c4c4c; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5489,7 +5697,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F48FB1; + background: #f48fb1; color: #212529; } .p-galleria .p-galleria-thumbnail-container { @@ -5630,10 +5838,10 @@ transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-scrolltop.p-link { - background: #F48FB1; + background: #f48fb1; } .p-scrolltop.p-link:hover { - background: #F06292; + background: #f06292; } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; @@ -5651,7 +5859,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } .p-tag { - background: #F48FB1; + background: #f48fb1; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5659,19 +5867,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-tag.p-tag-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-tag.p-tag-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-tag.p-tag-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-tag .p-tag-icon { @@ -5705,7 +5913,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #F48FB1; + background: #f48fb1; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5723,7 +5931,7 @@ font-size: 1rem; } .p-badge { - background: #F48FB1; + background: #f48fb1; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5732,23 +5940,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #B0BEC5; + background-color: #b0bec5; color: #121212; } .p-badge.p-badge-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-badge.p-badge-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-badge.p-badge-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-badge.p-badge-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } .p-badge.p-badge-lg { @@ -5764,7 +5972,7 @@ line-height: 3rem; } .p-tag { - background: #F48FB1; + background: #f48fb1; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5772,19 +5980,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #AED581; + background-color: #aed581; color: #212529; } .p-tag.p-tag-info { - background-color: #4FC3F7; + background-color: #4fc3f7; color: #212529; } .p-tag.p-tag-warning { - background-color: #FFB74D; + background-color: #ffb74d; color: #212529; } .p-tag.p-tag-danger { - background-color: #E57373; + background-color: #e57373; color: #212529; } } diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 6ab413f6a3..2614b715f9 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -1,16 +1,17 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:hsla(0,0%,100%,.04); - --surface-d:hsla(0,0%,100%,.12); - --surface-e:#1e1e1e; - --surface-f:#262626; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#CE93D8; - --primary-color-text:#121212; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: hsla(0, 0%, 100%, 0.04); + --surface-d: hsla(0, 0%, 100%, 0.12); + --surface-e: #1e1e1e; + --surface-f: #262626; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #CE93D8; + --primary-color-text: #121212; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -32,15 +33,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#262626; - --surface-border:hsla(0,0%,100%,.12); - --surface-hover:hsla(0,0%,100%,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #262626; + --surface-border: hsla(0, 0%, 100%, 0.12); + --surface-hover: hsla(0, 0%, 100%, 0.04); --focus-ring: none; --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(206, 147, 216, 0.16); @@ -1416,13 +1417,13 @@ background: rgba(206, 147, 216, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF9A9A; + background: #ef9a9a; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFF59D; + background: #fff59d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } .p-radiobutton { width: 20px; @@ -1953,7 +1954,7 @@ } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #212121; - background: #90CAF9; + 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-fileupload-choose.p-button-info:not(:disabled):hover { @@ -1971,37 +1972,37 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #212121; - background: #C5E1A5; + 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-fileupload-choose.p-button-success:not(:disabled):hover { @@ -2019,37 +2020,37 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212121; - background: #FFF59D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { @@ -2067,37 +2068,37 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #212121; - background: #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { @@ -2115,37 +2116,37 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #212121; - background: #EF9A9A; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { @@ -2163,33 +2164,33 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-button.p-button-link { color: #CE93D8; @@ -2330,143 +2331,143 @@ } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border: 0 none; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border: 0 none; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 0 none; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -3092,6 +3093,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 1rem 1rem; @@ -3105,15 +3107,17 @@ background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } @@ -3828,19 +3832,15 @@ border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 1rem 1rem; border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; border-top: 0 none; } .p-splitter { @@ -3863,6 +3863,11 @@ background: rgba(255, 255, 255, 0.12); border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-tabview .p-tabview-nav { background: transparent; border: solid rgba(255, 255, 255, 0.12); @@ -4221,142 +4226,168 @@ border-radius: 4px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 1rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + 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); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - 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); - border-radius: 4px; + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 4px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 1rem; @@ -4365,101 +4396,72 @@ border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link { - padding: 1rem 1rem; + .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); - border-radius: 0; - transition: none; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-megamenu .p-megamenu-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 1rem; color: rgba(255, 255, 255, 0.6); @@ -4468,23 +4470,14 @@ border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4505,8 +4498,36 @@ outline-offset: 0; box-shadow: none; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.6); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4529,39 +4550,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4594,39 +4637,61 @@ border-radius: 4px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 1rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(255, 255, 255, 0.6); } .p-menu.p-menu-overlay { background: #2b2b2b; @@ -4653,89 +4718,94 @@ border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; } - .p-menubar .p-menuitem-link { - padding: 1rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-submenu-list { @@ -4745,25 +4815,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { 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; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid hsla(0, 0%, 100%, 0.12); + margin: 0.5rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 3rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 5rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 7rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 9rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 11rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4810,39 +4925,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4891,42 +5028,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.5rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 0 none; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - font-weight: 400; border-radius: 4px; transition: none; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + font-weight: 400; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: none; + box-shadow: inset none; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.04); border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1e1e1e; border-color: transparent; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: transparent; background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -4942,66 +5083,95 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 1rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .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-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: 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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + 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) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -5017,39 +5187,61 @@ border-radius: 4px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 1rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #2b2b2b; @@ -5178,67 +5370,82 @@ border-radius: 4px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 1rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #2b2b2b; - border: 0 none; - 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-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-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5250,25 +5457,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5277,13 +5484,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5322,31 +5529,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5358,16 +5565,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5431,27 +5638,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + 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 { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + 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 { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5461,14 +5668,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + 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 { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { margin: 0.5rem; @@ -5720,19 +5927,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-tag.p-tag-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-tag.p-tag-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-tag.p-tag-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-tag .p-tag-icon { @@ -5797,19 +6004,19 @@ color: #121212; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-badge.p-badge-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-badge.p-badge-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-badge.p-badge-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-badge.p-badge-lg { @@ -5833,19 +6040,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-tag.p-tag-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-tag.p-tag-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-tag.p-tag-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } } diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 46363076ae..2d7bb70729 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -1,16 +1,17 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:hsla(0,0%,100%,.04); - --surface-d:hsla(0,0%,100%,.12); - --surface-e:#1e1e1e; - --surface-f:#262626; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#9FA8DA; - --primary-color-text:#121212; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: hsla(0, 0%, 100%, 0.04); + --surface-d: hsla(0, 0%, 100%, 0.12); + --surface-e: #1e1e1e; + --surface-f: #262626; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #9FA8DA; + --primary-color-text: #121212; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -32,15 +33,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#262626; - --surface-border:hsla(0,0%,100%,.12); - --surface-hover:hsla(0,0%,100%,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #262626; + --surface-border: hsla(0, 0%, 100%, 0.12); + --surface-hover: hsla(0, 0%, 100%, 0.04); --focus-ring: none; --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(159, 168, 218, 0.16); @@ -1416,13 +1417,13 @@ background: rgba(159, 168, 218, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF9A9A; + background: #ef9a9a; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFF59D; + background: #fff59d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } .p-radiobutton { width: 20px; @@ -1953,7 +1954,7 @@ } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #212121; - background: #90CAF9; + 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-fileupload-choose.p-button-info:not(:disabled):hover { @@ -1971,37 +1972,37 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #212121; - background: #C5E1A5; + 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-fileupload-choose.p-button-success:not(:disabled):hover { @@ -2019,37 +2020,37 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212121; - background: #FFF59D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { @@ -2067,37 +2068,37 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #212121; - background: #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { @@ -2115,37 +2116,37 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #212121; - background: #EF9A9A; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { @@ -2163,33 +2164,33 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-button.p-button-link { color: #9FA8DA; @@ -2330,143 +2331,143 @@ } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border: 0 none; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border: 0 none; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 0 none; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -3092,6 +3093,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 1rem 1rem; @@ -3105,15 +3107,17 @@ background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } @@ -3828,19 +3832,15 @@ border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 1rem 1rem; border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; border-top: 0 none; } .p-splitter { @@ -3863,6 +3863,11 @@ background: rgba(255, 255, 255, 0.12); border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-tabview .p-tabview-nav { background: transparent; border: solid rgba(255, 255, 255, 0.12); @@ -4221,142 +4226,168 @@ border-radius: 4px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 1rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + 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); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - 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); - border-radius: 4px; + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 4px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 1rem; @@ -4365,101 +4396,72 @@ border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link { - padding: 1rem 1rem; + .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); - border-radius: 0; - transition: none; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-megamenu .p-megamenu-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 1rem; color: rgba(255, 255, 255, 0.6); @@ -4468,23 +4470,14 @@ border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4505,8 +4498,36 @@ outline-offset: 0; box-shadow: none; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.6); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4529,39 +4550,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4594,39 +4637,61 @@ border-radius: 4px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 1rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(255, 255, 255, 0.6); } .p-menu.p-menu-overlay { background: #2b2b2b; @@ -4653,89 +4718,94 @@ border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; } - .p-menubar .p-menuitem-link { - padding: 1rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-submenu-list { @@ -4745,25 +4815,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { 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; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid hsla(0, 0%, 100%, 0.12); + margin: 0.5rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 3rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 5rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 7rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 9rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 11rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4810,39 +4925,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4891,42 +5028,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.5rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 0 none; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - font-weight: 400; border-radius: 4px; transition: none; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1.5rem; + font-weight: 400; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: none; + box-shadow: inset none; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.04); border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1e1e1e; border-color: transparent; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: transparent; background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -4942,66 +5083,95 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 1rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: 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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + 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) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -5017,39 +5187,61 @@ border-radius: 4px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 1rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #2b2b2b; @@ -5178,67 +5370,82 @@ border-radius: 4px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 1rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #2b2b2b; - border: 0 none; - 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-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-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5250,25 +5457,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5277,13 +5484,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5322,31 +5529,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5358,16 +5565,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5431,27 +5638,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + 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 { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + 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 { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5461,14 +5668,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + 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 { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { margin: 0.5rem; @@ -5720,19 +5927,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-tag.p-tag-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-tag.p-tag-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-tag.p-tag-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-tag .p-tag-icon { @@ -5797,19 +6004,19 @@ color: #121212; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-badge.p-badge-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-badge.p-badge-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-badge.p-badge-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-badge.p-badge-lg { @@ -5833,19 +6040,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-tag.p-tag-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-tag.p-tag-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-tag.p-tag-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } } diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index 7f4413576e..21d225fb96 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -1,46 +1,47 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:rgba(0,0,0,.04); - --surface-d:rgba(0,0,0,.12); - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:rgba(0, 0, 0, 0.87); - --text-color-secondary:rgba(0, 0, 0, 0.6); - --primary-color:#673AB7; - --primary-color-text:#ffffff; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: rgba(0, 0, 0, 0.04); + --surface-d: rgba(0, 0, 0, 0.12); + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: rgba(0, 0, 0, 0.87); + --text-color-secondary: rgba(0, 0, 0, 0.6); + --primary-color: #673AB7; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#fafafa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:rgba(0,0,0,.12); - --surface-hover:rgba(0,0,0,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: rgba(0, 0, 0, 0.12); + --surface-hover: rgba(0, 0, 0, 0.04); --focus-ring: none; --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(103, 58, 183, 0.12); @@ -309,7 +310,7 @@ opacity: 0.38; } .p-error { - color: #B00020; + color: #b00020; } .p-text-secondary { color: rgba(0, 0, 0, 0.6); @@ -395,7 +396,7 @@ margin-left: 0.5rem; } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-autocomplete-panel { background: #ffffff; @@ -432,7 +433,7 @@ font-weight: 400; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-datepicker { padding: 0.5rem; @@ -681,7 +682,7 @@ border-bottom-right-radius: 4px; } .p-cascadeselect.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-cascadeselect-panel { background: #ffffff; @@ -779,7 +780,7 @@ color: #ffffff; } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #B00020; + border-color: #b00020; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f5f5f5; @@ -828,7 +829,7 @@ margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-colorpicker-preview { width: 2rem; @@ -886,7 +887,7 @@ right: 2.357rem; } .p-dropdown.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-dropdown-panel { background: #ffffff; @@ -1027,7 +1028,7 @@ width: 3rem; } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-inputswitch { width: 2.75rem; @@ -1068,7 +1069,7 @@ background: rgba(103, 58, 183, 0.5); } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #B00020; + border-color: #b00020; } .p-inputtext { font-family: var(--font-family); @@ -1092,7 +1093,7 @@ border-color: #673AB7; } .p-inputtext.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1108,7 +1109,7 @@ transition-duration: 0.2s; } .p-float-label > label.p-error { - color: #B00020; + color: #b00020; } .p-input-icon-left > i:first-of-type, .p-input-icon-left > svg:first-of-type, @@ -1219,7 +1220,7 @@ background: rgba(0, 0, 0, 0.04); } .p-listbox.p-invalid { - border-color: #B00020; + border-color: #b00020; } .p-mention-panel { background: #ffffff; @@ -1295,7 +1296,7 @@ right: 2.357rem; } .p-multiselect.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.5rem 1rem; @@ -1401,7 +1402,7 @@ background-color: #dcdcdc; } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-password-panel { padding: 1rem; @@ -1416,13 +1417,13 @@ background: rgba(103, 58, 183, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } .p-radiobutton { width: 20px; @@ -1462,7 +1463,7 @@ color: #673AB7; } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #B00020; + border-color: #b00020; } .p-radiobutton:focus { outline: 0 none; @@ -1492,7 +1493,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #B00020; + color: #b00020; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1506,7 +1507,7 @@ color: #673AB7; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #B00020; + color: #b00020; } .p-selectbutton .p-button { background: #ffffff; @@ -1546,7 +1547,7 @@ color: rgba(0, 0, 0, 0.6); } .p-selectbutton.p-invalid > .p-button { - border-color: #B00020; + border-color: #b00020; } .p-slider { background: #c1c1c1; @@ -1631,7 +1632,7 @@ right: 2.357rem; } .p-treeselect.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.5rem 1rem; @@ -1742,7 +1743,7 @@ color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #B00020; + border-color: #b00020; } .p-button { color: #ffffff; @@ -1953,7 +1954,7 @@ } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; - background: #2196F3; + 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-fileupload-choose.p-button-info:not(:disabled):hover { @@ -1971,37 +1972,37 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #689F38; + 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-fileupload-choose.p-button-success:not(:disabled):hover { @@ -2019,37 +2020,37 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212529; - background: #FBC02D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { @@ -2067,37 +2068,37 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #9C27B0; + 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-fileupload-choose.p-button-help:not(:disabled):hover { @@ -2115,37 +2116,37 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #D32F2F; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { @@ -2163,33 +2164,33 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { color: #673AB7; @@ -2330,143 +2331,143 @@ } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 0 none; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 0 none; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 0 none; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 0 none; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 0 none; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -3092,6 +3093,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 1rem 1rem; @@ -3105,15 +3107,17 @@ background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(0, 0, 0, 0.02); } @@ -3828,19 +3832,15 @@ border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 1rem 1rem; border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; border-top: 0 none; } .p-splitter { @@ -3863,6 +3863,11 @@ background: rgba(0, 0, 0, 0.12); border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-tabview .p-tabview-nav { background: #ffffff; border: solid rgba(0, 0, 0, 0.12); @@ -4221,142 +4226,168 @@ border-radius: 4px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 1rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + 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); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - 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); - border-radius: 4px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 4px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 1rem; @@ -4365,101 +4396,72 @@ border: 1px solid #e5e5e5; border-radius: 4px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-menuitem-link { - padding: 1rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 1rem; color: rgba(0, 0, 0, 0.6); @@ -4468,23 +4470,14 @@ border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4505,8 +4498,36 @@ outline-offset: 0; box-shadow: none; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(0, 0, 0, 0.6); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4529,39 +4550,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4594,39 +4637,61 @@ border-radius: 4px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 1rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 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(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 { + color: rgba(0, 0, 0, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(0, 0, 0, 0.6); } .p-menu.p-menu-overlay { background: #ffffff; @@ -4653,89 +4718,94 @@ border: 1px solid #e5e5e5; border-radius: 4px; } - .p-menubar .p-menuitem-link { - padding: 1rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-submenu-list { @@ -4745,25 +4815,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 3rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 5rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 7rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 9rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 11rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4810,39 +4925,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4891,42 +5028,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.5rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 0 none; color: rgba(0, 0, 0, 0.87); background: #ffffff; - font-weight: 400; border-radius: 4px; transition: none; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(0, 0, 0, 0.87); + padding: 1.5rem; + font-weight: 400; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: none; + box-shadow: inset none; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f6f6f6; border-color: transparent; color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #ffffff; border-color: transparent; color: rgba(0, 0, 0, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: transparent; background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4942,66 +5083,95 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 1rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 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(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 { + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -5017,39 +5187,61 @@ border-radius: 4px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 1rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #ffffff; @@ -5178,67 +5370,82 @@ border-radius: 4px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 1rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5250,25 +5457,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5277,13 +5484,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5322,31 +5529,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5358,16 +5565,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5431,27 +5638,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + 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 { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + 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 { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5461,14 +5668,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + 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 { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { margin: 0.5rem; @@ -5720,19 +5927,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { @@ -5797,19 +6004,19 @@ color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -5833,19 +6040,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } } @@ -5935,11 +6142,11 @@ } .p-input-filled .p-autocomplete.p-invalid > .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus { box-shadow: none; @@ -5947,20 +6154,20 @@ } .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-autocomplete.p-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; + 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.p-invalid > .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; + 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; @@ -6172,16 +6379,16 @@ box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12); } .p-calendar.p-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; + 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-calendar.p-invalid.p-calendar-w-btn { - border-color: #B00020; + border-color: #b00020; } .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus { box-shadow: none; } .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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; + 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; @@ -6217,11 +6424,11 @@ } .p-input-filled .p-calendar.p-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -6229,14 +6436,14 @@ } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover, @@ -6304,17 +6511,17 @@ } .p-input-filled .p-cascadeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-cascadeselect.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; + 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-checkbox { border-radius: 50%; @@ -6429,17 +6636,17 @@ } .p-input-filled .p-chips.p-invalid .p-chips-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-chips.p-invalid .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; + 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; @@ -6506,17 +6713,17 @@ } .p-input-filled .p-dropdown.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-dropdown.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; + 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; @@ -6533,7 +6740,7 @@ 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.p-invalid { - 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; + 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; @@ -6558,11 +6765,11 @@ } .p-input-filled .p-inputtext.p-invalid.p-component { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus { box-shadow: none; @@ -6602,15 +6809,15 @@ border-bottom-right-radius: 0; } .p-inputnumber.p-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; + 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.p-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -6768,17 +6975,17 @@ } .p-input-filled .p-multiselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-multiselect.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; + 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-overlaypanel .p-overlaypanel-content { padding: 1.5rem; @@ -6800,18 +7007,18 @@ } .p-input-filled .p-password.p-invalid > .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus { box-shadow: none; border-color: transparent; } .p-password.p-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; + 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-panel { border-radius: 4px; @@ -7178,17 +7385,17 @@ } .p-input-filled .p-treeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + 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; + 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-treetable .p-sortable-column { outline: 0 none; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index 80159b44d3..684c6f686d 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -1,46 +1,47 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:rgba(0,0,0,.04); - --surface-d:rgba(0,0,0,.12); - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:rgba(0, 0, 0, 0.87); - --text-color-secondary:rgba(0, 0, 0, 0.6); - --primary-color:#3F51B5; - --primary-color-text:#ffffff; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: rgba(0, 0, 0, 0.04); + --surface-d: rgba(0, 0, 0, 0.12); + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: rgba(0, 0, 0, 0.87); + --text-color-secondary: rgba(0, 0, 0, 0.6); + --primary-color: #3F51B5; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#fafafa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:rgba(0,0,0,.12); - --surface-hover:rgba(0,0,0,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: rgba(0, 0, 0, 0.12); + --surface-hover: rgba(0, 0, 0, 0.04); --focus-ring: none; --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(63, 81, 181, 0.12); @@ -309,7 +310,7 @@ opacity: 0.38; } .p-error { - color: #B00020; + color: #b00020; } .p-text-secondary { color: rgba(0, 0, 0, 0.6); @@ -395,7 +396,7 @@ margin-left: 0.5rem; } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-autocomplete-panel { background: #ffffff; @@ -432,7 +433,7 @@ font-weight: 400; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-datepicker { padding: 0.5rem; @@ -681,7 +682,7 @@ border-bottom-right-radius: 4px; } .p-cascadeselect.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-cascadeselect-panel { background: #ffffff; @@ -779,7 +780,7 @@ color: #ffffff; } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #B00020; + border-color: #b00020; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f5f5f5; @@ -828,7 +829,7 @@ margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-colorpicker-preview { width: 2rem; @@ -886,7 +887,7 @@ right: 2.357rem; } .p-dropdown.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-dropdown-panel { background: #ffffff; @@ -1027,7 +1028,7 @@ width: 3rem; } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-inputswitch { width: 2.75rem; @@ -1068,7 +1069,7 @@ background: rgba(63, 81, 181, 0.5); } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #B00020; + border-color: #b00020; } .p-inputtext { font-family: var(--font-family); @@ -1092,7 +1093,7 @@ border-color: #3F51B5; } .p-inputtext.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1108,7 +1109,7 @@ transition-duration: 0.2s; } .p-float-label > label.p-error { - color: #B00020; + color: #b00020; } .p-input-icon-left > i:first-of-type, .p-input-icon-left > svg:first-of-type, @@ -1219,7 +1220,7 @@ background: rgba(0, 0, 0, 0.04); } .p-listbox.p-invalid { - border-color: #B00020; + border-color: #b00020; } .p-mention-panel { background: #ffffff; @@ -1295,7 +1296,7 @@ right: 2.357rem; } .p-multiselect.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.5rem 1rem; @@ -1401,7 +1402,7 @@ background-color: #dcdcdc; } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-password-panel { padding: 1rem; @@ -1416,13 +1417,13 @@ background: rgba(63, 81, 181, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } .p-radiobutton { width: 20px; @@ -1462,7 +1463,7 @@ color: #3F51B5; } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #B00020; + border-color: #b00020; } .p-radiobutton:focus { outline: 0 none; @@ -1492,7 +1493,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #B00020; + color: #b00020; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1506,7 +1507,7 @@ color: #3F51B5; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #B00020; + color: #b00020; } .p-selectbutton .p-button { background: #ffffff; @@ -1546,7 +1547,7 @@ color: rgba(0, 0, 0, 0.6); } .p-selectbutton.p-invalid > .p-button { - border-color: #B00020; + border-color: #b00020; } .p-slider { background: #c1c1c1; @@ -1631,7 +1632,7 @@ right: 2.357rem; } .p-treeselect.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.5rem 1rem; @@ -1742,7 +1743,7 @@ color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #B00020; + border-color: #b00020; } .p-button { color: #ffffff; @@ -1953,7 +1954,7 @@ } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; - background: #2196F3; + 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-fileupload-choose.p-button-info:not(:disabled):hover { @@ -1971,37 +1972,37 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #689F38; + 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-fileupload-choose.p-button-success:not(:disabled):hover { @@ -2019,37 +2020,37 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212529; - background: #FBC02D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { @@ -2067,37 +2068,37 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #9C27B0; + 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-fileupload-choose.p-button-help:not(:disabled):hover { @@ -2115,37 +2116,37 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #D32F2F; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { @@ -2163,33 +2164,33 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { color: #3F51B5; @@ -2330,143 +2331,143 @@ } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 0 none; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 0 none; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 0 none; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 0 none; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 0 none; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -3092,6 +3093,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 1rem 1rem; @@ -3105,15 +3107,17 @@ background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(0, 0, 0, 0.02); } @@ -3828,19 +3832,15 @@ border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 1rem 1rem; border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; border-top: 0 none; } .p-splitter { @@ -3863,6 +3863,11 @@ background: rgba(0, 0, 0, 0.12); border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-tabview .p-tabview-nav { background: #ffffff; border: solid rgba(0, 0, 0, 0.12); @@ -4221,142 +4226,168 @@ border-radius: 4px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 1rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + 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); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - 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); - border-radius: 4px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 4px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 1rem; @@ -4365,101 +4396,72 @@ border: 1px solid #e5e5e5; border-radius: 4px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-menuitem-link { - padding: 1rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 1rem; color: rgba(0, 0, 0, 0.6); @@ -4468,23 +4470,14 @@ border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4505,8 +4498,36 @@ outline-offset: 0; box-shadow: none; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(0, 0, 0, 0.6); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4529,39 +4550,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4594,39 +4637,61 @@ border-radius: 4px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 1rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 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(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 { + color: rgba(0, 0, 0, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(0, 0, 0, 0.6); } .p-menu.p-menu-overlay { background: #ffffff; @@ -4653,89 +4718,94 @@ border: 1px solid #e5e5e5; border-radius: 4px; } - .p-menubar .p-menuitem-link { - padding: 1rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-submenu-list { @@ -4745,25 +4815,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2.5rem; + height: 2.5rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 3rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 5rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 7rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 9rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 11rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4810,39 +4925,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 1rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4891,42 +5028,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.5rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 0 none; color: rgba(0, 0, 0, 0.87); background: #ffffff; - font-weight: 400; border-radius: 4px; transition: none; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(0, 0, 0, 0.87); + padding: 1.5rem; + font-weight: 400; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: none; + box-shadow: inset none; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f6f6f6; border-color: transparent; color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #ffffff; border-color: transparent; color: rgba(0, 0, 0, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: transparent; background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4942,66 +5083,95 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 1rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 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(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 { + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -5017,39 +5187,61 @@ border-radius: 4px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 1rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #ffffff; @@ -5178,67 +5370,82 @@ border-radius: 4px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 1rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 1rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5250,25 +5457,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5277,13 +5484,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5322,31 +5529,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5358,16 +5565,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5431,27 +5638,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + 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 { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + 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 { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5461,14 +5668,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + 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 { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { margin: 0.5rem; @@ -5720,19 +5927,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { @@ -5797,19 +6004,19 @@ color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -5833,19 +6040,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } } @@ -5935,11 +6142,11 @@ } .p-input-filled .p-autocomplete.p-invalid > .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus { box-shadow: none; @@ -5947,20 +6154,20 @@ } .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-autocomplete.p-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; + 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.p-invalid > .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; + 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; @@ -6172,16 +6379,16 @@ box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12); } .p-calendar.p-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; + 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-calendar.p-invalid.p-calendar-w-btn { - border-color: #B00020; + border-color: #b00020; } .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus { box-shadow: none; } .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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; + 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; @@ -6217,11 +6424,11 @@ } .p-input-filled .p-calendar.p-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -6229,14 +6436,14 @@ } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover, @@ -6304,17 +6511,17 @@ } .p-input-filled .p-cascadeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-cascadeselect.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; + 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-checkbox { border-radius: 50%; @@ -6429,17 +6636,17 @@ } .p-input-filled .p-chips.p-invalid .p-chips-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-chips.p-invalid .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; + 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; @@ -6506,17 +6713,17 @@ } .p-input-filled .p-dropdown.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-dropdown.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; + 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; @@ -6533,7 +6740,7 @@ 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.p-invalid { - 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; + 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; @@ -6558,11 +6765,11 @@ } .p-input-filled .p-inputtext.p-invalid.p-component { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus { box-shadow: none; @@ -6602,15 +6809,15 @@ border-bottom-right-radius: 0; } .p-inputnumber.p-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; + 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.p-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -6768,17 +6975,17 @@ } .p-input-filled .p-multiselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-multiselect.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; + 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-overlaypanel .p-overlaypanel-content { padding: 1.5rem; @@ -6800,18 +7007,18 @@ } .p-input-filled .p-password.p-invalid > .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus { box-shadow: none; border-color: transparent; } .p-password.p-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; + 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-panel { border-radius: 4px; @@ -7178,17 +7385,17 @@ } .p-input-filled .p-treeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + 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; + 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-treetable .p-sortable-column { outline: 0 none; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index db6b1eedbc..f18146279f 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -1,16 +1,17 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:hsla(0,0%,100%,.04); - --surface-d:hsla(0,0%,100%,.12); - --surface-e:#1e1e1e; - --surface-f:#262626; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#CE93D8; - --primary-color-text:#121212; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: hsla(0, 0%, 100%, 0.04); + --surface-d: hsla(0, 0%, 100%, 0.12); + --surface-e: #1e1e1e; + --surface-f: #262626; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #CE93D8; + --primary-color-text: #121212; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -32,15 +33,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#262626; - --surface-border:hsla(0,0%,100%,.12); - --surface-hover:hsla(0,0%,100%,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #262626; + --surface-border: hsla(0, 0%, 100%, 0.12); + --surface-hover: hsla(0, 0%, 100%, 0.04); --focus-ring: none; --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(206, 147, 216, 0.16); @@ -1416,13 +1417,13 @@ background: rgba(206, 147, 216, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF9A9A; + background: #ef9a9a; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFF59D; + background: #fff59d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } .p-radiobutton { width: 20px; @@ -1953,7 +1954,7 @@ } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #212121; - background: #90CAF9; + 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-fileupload-choose.p-button-info:not(:disabled):hover { @@ -1971,37 +1972,37 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #212121; - background: #C5E1A5; + 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-fileupload-choose.p-button-success:not(:disabled):hover { @@ -2019,37 +2020,37 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212121; - background: #FFF59D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { @@ -2067,37 +2068,37 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #212121; - background: #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { @@ -2115,37 +2116,37 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #212121; - background: #EF9A9A; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { @@ -2163,33 +2164,33 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-button.p-button-link { color: #CE93D8; @@ -2330,143 +2331,143 @@ } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border: 0 none; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border: 0 none; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 0 none; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -3092,6 +3093,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.75rem; @@ -3105,15 +3107,17 @@ background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #CE93D8; background: rgba(206, 147, 216, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(206, 147, 216, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } @@ -3828,19 +3832,15 @@ border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 0.75rem; border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; border-top: 0 none; } .p-splitter { @@ -3863,6 +3863,11 @@ background: rgba(255, 255, 255, 0.12); border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-tabview .p-tabview-nav { background: transparent; border: solid rgba(255, 255, 255, 0.12); @@ -4221,142 +4226,168 @@ border-radius: 4px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + 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); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - 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); - border-radius: 4px; + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 4px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.75rem; @@ -4365,101 +4396,72 @@ border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .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); - border-radius: 0; - transition: none; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-megamenu .p-megamenu-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem; color: rgba(255, 255, 255, 0.6); @@ -4468,23 +4470,14 @@ border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4505,8 +4498,36 @@ outline-offset: 0; box-shadow: none; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.6); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4529,39 +4550,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4594,39 +4637,61 @@ border-radius: 4px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(255, 255, 255, 0.6); } .p-menu.p-menu-overlay { background: #2b2b2b; @@ -4653,89 +4718,94 @@ border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-submenu-list { @@ -4745,25 +4815,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { 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; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid hsla(0, 0%, 100%, 0.12); + margin: 0.5rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4810,39 +4925,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4891,42 +5028,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 0 none; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - font-weight: 400; border-radius: 4px; transition: none; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: none; + box-shadow: inset none; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.04); border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1e1e1e; border-color: transparent; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: transparent; background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -4942,66 +5083,95 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .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-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: 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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + 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) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -5017,39 +5187,61 @@ border-radius: 4px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #2b2b2b; @@ -5178,67 +5370,82 @@ border-radius: 4px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #2b2b2b; - border: 0 none; - 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-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-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5250,25 +5457,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5277,13 +5484,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5322,31 +5529,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5358,16 +5565,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5431,27 +5638,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + 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 { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + 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 { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5461,14 +5668,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + 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 { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { margin: 0.5rem; @@ -5720,19 +5927,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-tag.p-tag-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-tag.p-tag-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-tag.p-tag-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-tag .p-tag-icon { @@ -5797,19 +6004,19 @@ color: #121212; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-badge.p-badge-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-badge.p-badge-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-badge.p-badge-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-badge.p-badge-lg { @@ -5833,19 +6040,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-tag.p-tag-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-tag.p-tag-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-tag.p-tag-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } } diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index b8ed179496..ad3c889849 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -1,16 +1,17 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#1e1e1e; - --surface-b:#121212; - --surface-c:hsla(0,0%,100%,.04); - --surface-d:hsla(0,0%,100%,.12); - --surface-e:#1e1e1e; - --surface-f:#262626; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#9FA8DA; - --primary-color-text:#121212; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #1e1e1e; + --surface-b: #121212; + --surface-c: hsla(0, 0%, 100%, 0.04); + --surface-d: hsla(0, 0%, 100%, 0.12); + --surface-e: #1e1e1e; + --surface-f: #262626; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #9FA8DA; + --primary-color-text: #121212; --surface-0: #121212; --surface-50: #2a2a2a; --surface-100: #414141; @@ -32,15 +33,15 @@ --gray-700: #414141; --gray-800: #2a2a2a; --gray-900: #121212; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#121212; - --surface-section:#121212; - --surface-card:#1e1e1e; - --surface-overlay:#262626; - --surface-border:hsla(0,0%,100%,.12); - --surface-hover:hsla(0,0%,100%,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #121212; + --surface-section: #121212; + --surface-card: #1e1e1e; + --surface-overlay: #262626; + --surface-border: hsla(0, 0%, 100%, 0.12); + --surface-hover: hsla(0, 0%, 100%, 0.04); --focus-ring: none; --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(159, 168, 218, 0.16); @@ -1416,13 +1417,13 @@ background: rgba(159, 168, 218, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF9A9A; + background: #ef9a9a; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFF59D; + background: #fff59d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } .p-radiobutton { width: 20px; @@ -1953,7 +1954,7 @@ } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #212121; - background: #90CAF9; + 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-fileupload-choose.p-button-info:not(:disabled):hover { @@ -1971,37 +1972,37 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #212121; - background: #C5E1A5; + 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-fileupload-choose.p-button-success:not(:disabled):hover { @@ -2019,37 +2020,37 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212121; - background: #FFF59D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { @@ -2067,37 +2068,37 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #212121; - background: #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { @@ -2115,37 +2116,37 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #212121; - background: #EF9A9A; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { @@ -2163,33 +2164,33 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-button.p-button-link { color: #9FA8DA; @@ -2330,143 +2331,143 @@ } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border: 0 none; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #90CAF9; + color: #90caf9; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(144, 202, 249, 0.04); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(144, 202, 249, 0.16); border-color: transparent; - color: #90CAF9; + color: #90caf9; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 0 none; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border: 0 none; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFF59D; + color: #fff59d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 245, 157, 0.04); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 245, 157, 0.16); border-color: transparent; - color: #FFF59D; + color: #fff59d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 0 none; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border: 0 none; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF9A9A; + color: #ef9a9a; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 154, 154, 0.04); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 154, 154, 0.16); border-color: transparent; - color: #EF9A9A; + color: #ef9a9a; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -3092,6 +3093,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.75rem; @@ -3105,15 +3107,17 @@ background: hsla(0, 0%, 100%, 0.04); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #9FA8DA; background: rgba(159, 168, 218, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(159, 168, 218, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.02); } @@ -3828,19 +3832,15 @@ border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 0.75rem; border: 1px solid rgba(255, 255, 255, 0.12); background: #1e1e1e; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; border-top: 0 none; } .p-splitter { @@ -3863,6 +3863,11 @@ background: rgba(255, 255, 255, 0.12); border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-tabview .p-tabview-nav { background: transparent; border: solid rgba(255, 255, 255, 0.12); @@ -4221,142 +4226,168 @@ border-radius: 4px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + 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); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - 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); - border-radius: 4px; + .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 { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 4px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.75rem; @@ -4365,101 +4396,72 @@ border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .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); - border-radius: 0; - transition: none; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-megamenu .p-megamenu-panel { background: #2b2b2b; color: rgba(255, 255, 255, 0.87); border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem; color: rgba(255, 255, 255, 0.6); @@ -4468,23 +4470,14 @@ border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(255, 255, 255, 0.04); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4505,8 +4498,36 @@ outline-offset: 0; box-shadow: none; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: none; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.6); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4529,39 +4550,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4594,39 +4637,61 @@ border-radius: 4px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(255, 255, 255, 0.6); } .p-menu.p-menu-overlay { background: #2b2b2b; @@ -4653,89 +4718,94 @@ border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 4px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.04); + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } .p-menubar .p-submenu-list { @@ -4745,25 +4815,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { 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; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid hsla(0, 0%, 100%, 0.12); + margin: 0.5rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4810,39 +4925,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4891,42 +5028,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 0 none; color: rgba(255, 255, 255, 0.87); background: #1e1e1e; - font-weight: 400; border-radius: 4px; transition: none; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 400; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: none; + box-shadow: inset none; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.04); border-color: transparent; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1e1e1e; border-color: transparent; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: transparent; background: rgba(255, 255, 255, 0.04); color: rgba(255, 255, 255, 0.87); @@ -4942,66 +5083,95 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .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-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: 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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + 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) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -5017,39 +5187,61 @@ border-radius: 4px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); + } + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.04); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #2b2b2b; @@ -5178,67 +5370,82 @@ border-radius: 4px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #2b2b2b; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #2b2b2b; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: hsla(0, 0%, 100%, 0.12); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #2b2b2b; - border: 0 none; - 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-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-submenu-list { - padding: 0.5rem 0; - background: #2b2b2b; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.04); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid hsla(0, 0%, 100%, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5250,25 +5457,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5277,13 +5484,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5322,31 +5529,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5358,16 +5565,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5431,27 +5638,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + 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 { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + 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 { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5461,14 +5668,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + 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 { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { margin: 0.5rem; @@ -5720,19 +5927,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-tag.p-tag-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-tag.p-tag-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-tag.p-tag-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-tag .p-tag-icon { @@ -5797,19 +6004,19 @@ color: #121212; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-badge.p-badge-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-badge.p-badge-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-badge.p-badge-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } .p-badge.p-badge-lg { @@ -5833,19 +6040,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #212121; } .p-tag.p-tag-info { - background-color: #90CAF9; + background-color: #90caf9; color: #212121; } .p-tag.p-tag-warning { - background-color: #FFF59D; + background-color: #fff59d; color: #212121; } .p-tag.p-tag-danger { - background-color: #EF9A9A; + background-color: #ef9a9a; color: #212121; } } diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index 06232f6be8..d21fc14d40 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -1,46 +1,47 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:rgba(0,0,0,.04); - --surface-d:rgba(0,0,0,.12); - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:rgba(0, 0, 0, 0.87); - --text-color-secondary:rgba(0, 0, 0, 0.6); - --primary-color:#673AB7; - --primary-color-text:#ffffff; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: rgba(0, 0, 0, 0.04); + --surface-d: rgba(0, 0, 0, 0.12); + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: rgba(0, 0, 0, 0.87); + --text-color-secondary: rgba(0, 0, 0, 0.6); + --primary-color: #673AB7; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#fafafa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:rgba(0,0,0,.12); - --surface-hover:rgba(0,0,0,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: rgba(0, 0, 0, 0.12); + --surface-hover: rgba(0, 0, 0, 0.04); --focus-ring: none; --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(103, 58, 183, 0.12); @@ -309,7 +310,7 @@ opacity: 0.38; } .p-error { - color: #B00020; + color: #b00020; } .p-text-secondary { color: rgba(0, 0, 0, 0.6); @@ -395,7 +396,7 @@ margin-left: 0.5rem; } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-autocomplete-panel { background: #ffffff; @@ -432,7 +433,7 @@ font-weight: 400; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-datepicker { padding: 0.5rem; @@ -681,7 +682,7 @@ border-bottom-right-radius: 4px; } .p-cascadeselect.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-cascadeselect-panel { background: #ffffff; @@ -779,7 +780,7 @@ color: #ffffff; } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #B00020; + border-color: #b00020; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f5f5f5; @@ -828,7 +829,7 @@ margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-colorpicker-preview { width: 2rem; @@ -886,7 +887,7 @@ right: 2.357rem; } .p-dropdown.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-dropdown-panel { background: #ffffff; @@ -1027,7 +1028,7 @@ width: 2.25rem; } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-inputswitch { width: 2.75rem; @@ -1068,7 +1069,7 @@ background: rgba(103, 58, 183, 0.5); } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #B00020; + border-color: #b00020; } .p-inputtext { font-family: var(--font-family); @@ -1092,7 +1093,7 @@ border-color: #673AB7; } .p-inputtext.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1108,7 +1109,7 @@ transition-duration: 0.2s; } .p-float-label > label.p-error { - color: #B00020; + color: #b00020; } .p-input-icon-left > i:first-of-type, .p-input-icon-left > svg:first-of-type, @@ -1219,7 +1220,7 @@ background: rgba(0, 0, 0, 0.04); } .p-listbox.p-invalid { - border-color: #B00020; + border-color: #b00020; } .p-mention-panel { background: #ffffff; @@ -1295,7 +1296,7 @@ right: 2.357rem; } .p-multiselect.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; @@ -1401,7 +1402,7 @@ background-color: #dcdcdc; } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-password-panel { padding: 0.75rem; @@ -1416,13 +1417,13 @@ background: rgba(103, 58, 183, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } .p-radiobutton { width: 20px; @@ -1462,7 +1463,7 @@ color: #673AB7; } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #B00020; + border-color: #b00020; } .p-radiobutton:focus { outline: 0 none; @@ -1492,7 +1493,7 @@ height: 1rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #B00020; + color: #b00020; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1506,7 +1507,7 @@ color: #673AB7; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #B00020; + color: #b00020; } .p-selectbutton .p-button { background: #ffffff; @@ -1546,7 +1547,7 @@ color: rgba(0, 0, 0, 0.6); } .p-selectbutton.p-invalid > .p-button { - border-color: #B00020; + border-color: #b00020; } .p-slider { background: #c1c1c1; @@ -1631,7 +1632,7 @@ right: 2.357rem; } .p-treeselect.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; @@ -1742,7 +1743,7 @@ color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #B00020; + border-color: #b00020; } .p-button { color: #ffffff; @@ -1953,7 +1954,7 @@ } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; - background: #2196F3; + 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-fileupload-choose.p-button-info:not(:disabled):hover { @@ -1971,37 +1972,37 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #689F38; + 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-fileupload-choose.p-button-success:not(:disabled):hover { @@ -2019,37 +2020,37 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212529; - background: #FBC02D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { @@ -2067,37 +2068,37 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #9C27B0; + 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-fileupload-choose.p-button-help:not(:disabled):hover { @@ -2115,37 +2116,37 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #D32F2F; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { @@ -2163,33 +2164,33 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { color: #673AB7; @@ -2330,143 +2331,143 @@ } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 0 none; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 0 none; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 0 none; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 0 none; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 0 none; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -3092,6 +3093,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.75rem; @@ -3105,15 +3107,17 @@ background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #673AB7; background: rgba(103, 58, 183, 0.12); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(103, 58, 183, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(0, 0, 0, 0.02); } @@ -3828,19 +3832,15 @@ border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 0.75rem; border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; border-top: 0 none; } .p-splitter { @@ -3863,6 +3863,11 @@ background: rgba(0, 0, 0, 0.12); border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-tabview .p-tabview-nav { background: #ffffff; border: solid rgba(0, 0, 0, 0.12); @@ -4221,142 +4226,168 @@ border-radius: 4px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + 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); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - 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); - border-radius: 4px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 4px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.75rem; @@ -4365,101 +4396,72 @@ border: 1px solid #e5e5e5; border-radius: 4px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem; color: rgba(0, 0, 0, 0.6); @@ -4468,23 +4470,14 @@ border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4505,8 +4498,36 @@ outline-offset: 0; box-shadow: none; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(0, 0, 0, 0.6); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4529,39 +4550,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4594,39 +4637,61 @@ border-radius: 4px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 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(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 { + color: rgba(0, 0, 0, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(0, 0, 0, 0.6); } .p-menu.p-menu-overlay { background: #ffffff; @@ -4653,89 +4718,94 @@ border: 1px solid #e5e5e5; border-radius: 4px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-submenu-list { @@ -4745,25 +4815,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4810,39 +4925,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4891,42 +5028,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 0 none; color: rgba(0, 0, 0, 0.87); background: #ffffff; - font-weight: 400; border-radius: 4px; transition: none; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: none; + box-shadow: inset none; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f6f6f6; border-color: transparent; color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #ffffff; border-color: transparent; color: rgba(0, 0, 0, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: transparent; background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4942,66 +5083,95 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 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(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 { + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(0, 0, 0, 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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -5017,39 +5187,61 @@ border-radius: 4px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #ffffff; @@ -5178,67 +5370,82 @@ border-radius: 4px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5250,25 +5457,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5277,13 +5484,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5322,31 +5529,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5358,16 +5565,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5431,27 +5638,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + 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 { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + 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 { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5461,14 +5668,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + 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 { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { margin: 0.5rem; @@ -5720,19 +5927,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { @@ -5797,19 +6004,19 @@ color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -5833,19 +6040,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } } @@ -5935,11 +6142,11 @@ } .p-input-filled .p-autocomplete.p-invalid > .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus { box-shadow: none; @@ -5947,20 +6154,20 @@ } .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-autocomplete.p-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; + 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.p-invalid > .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; + 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; @@ -6172,16 +6379,16 @@ box-shadow: 0 0 0 1px rgba(103, 58, 183, 0.12); } .p-calendar.p-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; + 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-calendar.p-invalid.p-calendar-w-btn { - border-color: #B00020; + border-color: #b00020; } .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus { box-shadow: none; } .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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; + 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; @@ -6217,11 +6424,11 @@ } .p-input-filled .p-calendar.p-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -6229,14 +6436,14 @@ } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover, @@ -6304,17 +6511,17 @@ } .p-input-filled .p-cascadeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-cascadeselect.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; + 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-checkbox { border-radius: 50%; @@ -6429,17 +6636,17 @@ } .p-input-filled .p-chips.p-invalid .p-chips-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-chips.p-invalid .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; + 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; @@ -6506,17 +6713,17 @@ } .p-input-filled .p-dropdown.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-dropdown.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; + 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; @@ -6533,7 +6740,7 @@ 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.p-invalid { - 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; + 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; @@ -6558,11 +6765,11 @@ } .p-input-filled .p-inputtext.p-invalid.p-component { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus { box-shadow: none; @@ -6602,15 +6809,15 @@ border-bottom-right-radius: 0; } .p-inputnumber.p-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; + 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.p-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -6768,17 +6975,17 @@ } .p-input-filled .p-multiselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-multiselect.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; + 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-overlaypanel .p-overlaypanel-content { padding: 1.5rem; @@ -6800,18 +7007,18 @@ } .p-input-filled .p-password.p-invalid > .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus { box-shadow: none; border-color: transparent; } .p-password.p-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; + 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-panel { border-radius: 4px; @@ -7178,17 +7385,17 @@ } .p-input-filled .p-treeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + 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; + 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-treetable .p-sortable-column { outline: 0 none; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index acf7aa0251..6d2792264e 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -1,46 +1,47 @@ :root { font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; - --font-family:Roboto,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:rgba(0,0,0,.04); - --surface-d:rgba(0,0,0,.12); - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:rgba(0, 0, 0, 0.87); - --text-color-secondary:rgba(0, 0, 0, 0.6); - --primary-color:#3F51B5; - --primary-color-text:#ffffff; + --font-family: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, + Arial, "Lucida Grande", sans-serif; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: rgba(0, 0, 0, 0.04); + --surface-d: rgba(0, 0, 0, 0.12); + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: rgba(0, 0, 0, 0.87); + --text-color-secondary: rgba(0, 0, 0, 0.6); + --primary-color: #3F51B5; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#fafafa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:rgba(0,0,0,.12); - --surface-hover:rgba(0,0,0,.04); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: rgba(0, 0, 0, 0.12); + --surface-hover: rgba(0, 0, 0, 0.04); --focus-ring: none; --maskbg: rgba(0, 0, 0, 0.32); --highlight-bg: rgba(63, 81, 181, 0.12); @@ -309,7 +310,7 @@ opacity: 0.38; } .p-error { - color: #B00020; + color: #b00020; } .p-text-secondary { color: rgba(0, 0, 0, 0.6); @@ -395,7 +396,7 @@ margin-left: 0.5rem; } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-autocomplete-panel { background: #ffffff; @@ -432,7 +433,7 @@ font-weight: 400; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-datepicker { padding: 0.5rem; @@ -681,7 +682,7 @@ border-bottom-right-radius: 4px; } .p-cascadeselect.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-cascadeselect-panel { background: #ffffff; @@ -779,7 +780,7 @@ color: #ffffff; } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #B00020; + border-color: #b00020; } .p-input-filled .p-checkbox .p-checkbox-box { background-color: #f5f5f5; @@ -828,7 +829,7 @@ margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-colorpicker-preview { width: 2rem; @@ -886,7 +887,7 @@ right: 2.357rem; } .p-dropdown.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-dropdown-panel { background: #ffffff; @@ -1027,7 +1028,7 @@ width: 2.25rem; } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-inputswitch { width: 2.75rem; @@ -1068,7 +1069,7 @@ background: rgba(63, 81, 181, 0.5); } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #B00020; + border-color: #b00020; } .p-inputtext { font-family: var(--font-family); @@ -1092,7 +1093,7 @@ border-color: #3F51B5; } .p-inputtext.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1108,7 +1109,7 @@ transition-duration: 0.2s; } .p-float-label > label.p-error { - color: #B00020; + color: #b00020; } .p-input-icon-left > i:first-of-type, .p-input-icon-left > svg:first-of-type, @@ -1219,7 +1220,7 @@ background: rgba(0, 0, 0, 0.04); } .p-listbox.p-invalid { - border-color: #B00020; + border-color: #b00020; } .p-mention-panel { background: #ffffff; @@ -1295,7 +1296,7 @@ right: 2.357rem; } .p-multiselect.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.375rem 0.75rem; @@ -1401,7 +1402,7 @@ background-color: #dcdcdc; } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #B00020; + border-color: #b00020; } .p-password-panel { padding: 0.75rem; @@ -1416,13 +1417,13 @@ background: rgba(63, 81, 181, 0.32); } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } .p-radiobutton { width: 20px; @@ -1462,7 +1463,7 @@ color: #3F51B5; } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #B00020; + border-color: #b00020; } .p-radiobutton:focus { outline: 0 none; @@ -1492,7 +1493,7 @@ height: 1rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #B00020; + color: #b00020; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1506,7 +1507,7 @@ color: #3F51B5; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #B00020; + color: #b00020; } .p-selectbutton .p-button { background: #ffffff; @@ -1546,7 +1547,7 @@ color: rgba(0, 0, 0, 0.6); } .p-selectbutton.p-invalid > .p-button { - border-color: #B00020; + border-color: #b00020; } .p-slider { background: #c1c1c1; @@ -1631,7 +1632,7 @@ right: 2.357rem; } .p-treeselect.p-invalid.p-component { - border-color: #B00020; + border-color: #b00020; } .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label { padding: 0.375rem 0.75rem; @@ -1742,7 +1743,7 @@ color: rgba(0, 0, 0, 0.6); } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #B00020; + border-color: #b00020; } .p-button { color: #ffffff; @@ -1953,7 +1954,7 @@ } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; - background: #2196F3; + 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-fileupload-choose.p-button-info:not(:disabled):hover { @@ -1971,37 +1972,37 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #689F38; + 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-fileupload-choose.p-button-success:not(:disabled):hover { @@ -2019,37 +2020,37 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212529; - background: #FBC02D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { @@ -2067,37 +2068,37 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #9C27B0; + 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-fileupload-choose.p-button-help:not(:disabled):hover { @@ -2115,37 +2116,37 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #D32F2F; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { @@ -2163,33 +2164,33 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { color: #3F51B5; @@ -2330,143 +2331,143 @@ } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 0 none; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); border-color: transparent; - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 0 none; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 0 none; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 0 none; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 0 none; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -3092,6 +3093,7 @@ padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 0.75rem; @@ -3105,15 +3107,17 @@ background: rgba(0, 0, 0, 0.04); color: rgba(0, 0, 0, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #3F51B5; background: rgba(63, 81, 181, 0.12); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(63, 81, 181, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(0, 0, 0, 0.02); } @@ -3828,19 +3832,15 @@ border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 0.75rem; border: 1px solid #e0e0e0; background: #ffffff; color: rgba(0, 0, 0, 0.87); - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; border-top: 0 none; } .p-splitter { @@ -3863,6 +3863,11 @@ background: rgba(0, 0, 0, 0.12); border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: none; + } .p-tabview .p-tabview-nav { background: #ffffff; border: solid rgba(0, 0, 0, 0.12); @@ -4221,142 +4226,168 @@ border-radius: 4px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + 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); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - 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); - border-radius: 4px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 4px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.75rem; @@ -4365,101 +4396,72 @@ border: 1px solid #e5e5e5; border-radius: 4px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(0, 0, 0, 0.04); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); - border-radius: 0; - transition: none; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: rgba(0, 0, 0, 0.87); border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem; color: rgba(0, 0, 0, 0.6); @@ -4468,23 +4470,14 @@ border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(0, 0, 0, 0.04); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0; @@ -4505,8 +4498,36 @@ outline-offset: 0; box-shadow: none; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + transition: none; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(0, 0, 0, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(0, 0, 0, 0.6); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0; @@ -4529,39 +4550,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4594,39 +4637,61 @@ border-radius: 4px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 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(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 { + color: rgba(0, 0, 0, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(0, 0, 0, 0.6); } .p-menu.p-menu-overlay { background: #ffffff; @@ -4653,89 +4718,94 @@ border: 1px solid #e5e5e5; border-radius: 4px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 4px; transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(0, 0, 0, 0.04); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } .p-menubar .p-submenu-list { @@ -4745,25 +4815,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(0, 0, 0, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(0, 0, 0, 0.6); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(0, 0, 0, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: none; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4810,39 +4925,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4891,42 +5028,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 0 none; color: rgba(0, 0, 0, 0.87); background: #ffffff; - font-weight: 400; border-radius: 4px; transition: none; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(0, 0, 0, 0.87); + padding: 1.25rem; + font-weight: 400; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: none; + box-shadow: inset none; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f6f6f6; border-color: transparent; color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #ffffff; border-color: transparent; color: rgba(0, 0, 0, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: transparent; background: #ffffff; color: rgba(0, 0, 0, 0.87); @@ -4942,66 +5083,95 @@ border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 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(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 { + color: rgba(0, 0, 0, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(0, 0, 0, 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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid rgba(0, 0, 0, 0.12); + margin: 0.5rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -5017,39 +5187,61 @@ border-radius: 4px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.04); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #ffffff; @@ -5178,67 +5370,82 @@ border-radius: 4px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 0.75rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0; + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(0, 0, 0, 0.87); - border-radius: 0; transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(0, 0, 0, 0.87); + padding: 0.75rem 0.75rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(0, 0, 0, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(0, 0, 0, 0.6); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(0, 0, 0, 0.04); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: none; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(0, 0, 0, 0.87); + background: rgba(0, 0, 0, 0.12); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0; - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(0, 0, 0, 0.87); background: rgba(0, 0, 0, 0.04); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(0, 0, 0, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(0, 0, 0, 0.6); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid rgba(0, 0, 0, 0.12); margin: 0.5rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5250,25 +5457,25 @@ border-radius: 4px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 1px; - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #01579B; + color: #01579b; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 1px; - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-success .p-inline-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 1px; color: #7f6003; @@ -5277,13 +5484,13 @@ color: #7f6003; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 1px; - color: #B71C1C; + color: #b71c1c; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5322,31 +5529,31 @@ box-shadow: none; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-icon { - color: #01579B; + color: #01579b; } .p-message.p-message-info .p-message-close { - color: #01579B; + color: #01579b; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-icon { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-success .p-message-close { - color: #1B5E20; + color: #1b5e20; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5358,16 +5565,16 @@ color: #7f6003; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-icon { - color: #B71C1C; + color: #b71c1c; } .p-message.p-message-error .p-message-close { - color: #B71C1C; + color: #b71c1c; } .p-message .p-message-text { font-size: 1rem; @@ -5431,27 +5638,27 @@ box-shadow: none; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid transparent; border-width: 0 0 0 0; - color: #01579B; + 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 { - color: #01579B; + color: #01579b; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid transparent; border-width: 0 0 0 0; - color: #1B5E20; + 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 { - color: #1B5E20; + color: #1b5e20; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid transparent; border-width: 0 0 0 0; color: #7f6003; @@ -5461,14 +5668,14 @@ color: #7f6003; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid transparent; border-width: 0 0 0 0; - color: #B71C1C; + 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 { - color: #B71C1C; + color: #b71c1c; } .p-galleria .p-galleria-close { margin: 0.5rem; @@ -5720,19 +5927,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { @@ -5797,19 +6004,19 @@ color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -5833,19 +6040,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #2196F3; + background-color: #2196f3; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } } @@ -5935,11 +6142,11 @@ } .p-input-filled .p-autocomplete.p-invalid > .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-inputtext:enabled:focus { box-shadow: none; @@ -5947,20 +6154,20 @@ } .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-autocomplete.p-invalid > .p-autocomplete-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-autocomplete.p-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; + 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.p-invalid > .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; + 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; @@ -6172,16 +6379,16 @@ box-shadow: 0 0 0 1px rgba(63, 81, 181, 0.12); } .p-calendar.p-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; + 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-calendar.p-invalid.p-calendar-w-btn { - border-color: #B00020; + border-color: #b00020; } .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:focus { box-shadow: none; } .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-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; + 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; @@ -6217,11 +6424,11 @@ } .p-input-filled .p-calendar.p-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -6229,14 +6436,14 @@ } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-focus, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext, .p-input-filled .p-calendar.p-invalid.p-calendar-w-btn .p-inputtext:enabled:hover, @@ -6304,17 +6511,17 @@ } .p-input-filled .p-cascadeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-cascadeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-cascadeselect.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; + 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-checkbox { border-radius: 50%; @@ -6429,17 +6636,17 @@ } .p-input-filled .p-chips.p-invalid .p-chips-multiple-container { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-focus, .p-input-filled .p-chips.p-invalid .p-chips-multiple-container:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-chips.p-invalid .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; + 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; @@ -6506,17 +6713,17 @@ } .p-input-filled .p-dropdown.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-dropdown.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-dropdown.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-dropdown.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; + 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; @@ -6533,7 +6740,7 @@ 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.p-invalid { - 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; + 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; @@ -6558,11 +6765,11 @@ } .p-input-filled .p-inputtext.p-invalid.p-component { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputtext.p-invalid.p-component:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputtext.p-invalid.p-component:enabled:focus { box-shadow: none; @@ -6602,15 +6809,15 @@ border-bottom-right-radius: 0; } .p-inputnumber.p-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; + 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.p-invalid .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-inputnumber.p-invalid .p-inputtext:enabled:focus { box-shadow: none; @@ -6768,17 +6975,17 @@ } .p-input-filled .p-multiselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-multiselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-multiselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-multiselect.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; + 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-overlaypanel .p-overlaypanel-content { padding: 1.5rem; @@ -6800,18 +7007,18 @@ } .p-input-filled .p-password.p-invalid > .p-inputtext { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:hover { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-password.p-invalid > .p-inputtext:enabled:focus { box-shadow: none; border-color: transparent; } .p-password.p-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; + 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-panel { border-radius: 4px; @@ -7178,17 +7385,17 @@ } .p-input-filled .p-treeselect.p-invalid { border-color: transparent; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled):hover { - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + background-image: linear-gradient(to bottom, #b00020, #b00020), linear-gradient(to bottom, #b00020, #b00020); } .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-focus, .p-input-filled .p-treeselect.p-invalid:not(.p-disabled).p-inputwrapper-focus { box-shadow: none; - background-image: linear-gradient(to bottom, #B00020, #B00020), linear-gradient(to bottom, #B00020, #B00020); + 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; + 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-treetable .p-sortable-column { outline: 0 none; diff --git a/public/themes/mira/theme.css b/public/themes/mira/theme.css index 54b04ebd43..8225d3cb8f 100644 --- a/public/themes/mira/theme.css +++ b/public/themes/mira/theme.css @@ -1,16 +1,16 @@ :root { font-family: "Inter", sans-serif; - --font-family:"Inter", sans-serif; - --surface-a:#ffffff; - --surface-b:#ECEFF4; - --surface-c:#D8DEE9; - --surface-d:#E5E9F0; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#4C566A; - --text-color-secondary:#81A1C1; - --primary-color:#5E81AC; - --primary-color-text:#ffffff; + --font-family: "Inter", sans-serif; + --surface-a: #ffffff; + --surface-b: #eceff4; + --surface-c: #d8dee9; + --surface-d: #e5e9f0; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #4c566a; + --text-color-secondary: #81a1c1; + --primary-color: #5e81ac; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #edeef0; --surface-100: #dbdde1; @@ -32,19 +32,19 @@ --gray-700: #2e3440; --gray-800: #1e222a; --gray-900: #0f1115; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:4px; - --surface-ground:#ECEFF4; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#E5E9F0; - --surface-hover:#D8DEE9; - --focus-ring: 0 0 0 0.2rem #C0D0E0; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 4px; + --surface-ground: #eceff4; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e5e9f0; + --surface-hover: #d8dee9; + --focus-ring: 0 0 0 0.2rem #c0d0e0; --maskbg: rgba(112, 120, 136, 0.5); - --highlight-bg: #D8DEE9; - --highlight-text-color: #2E3440; + --highlight-bg: #d8dee9; + --highlight-text-color: #2e3440; color-scheme: light; } @@ -201,35 +201,35 @@ border-top-left-radius: 4px; } .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #81A1C1; + stroke: #81a1c1; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #81A1C1; + fill: #81a1c1; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; - color: #81A1C1; + color: #81a1c1; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { - color: #4C566A; + color: #4c566a; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke { - stroke: #4C566A; + stroke: #4c566a; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill { - fill: #4C566A; + fill: #4c566a; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label { - color: #4C566A; + color: #4c566a; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke { - stroke: #4C566A; + stroke: #4c566a; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill { - fill: #4C566A; + fill: #4c566a; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options { background: #ffffff; @@ -239,10 +239,10 @@ padding: 0.5rem 0; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item { - color: #4C566A; + color: #4c566a; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #4C566A; + color: #4c566a; background: transparent; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { @@ -253,45 +253,45 @@ border-bottom-left-radius: 4px; } .p-editor-container .p-editor-content.ql-snow { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; } .p-editor-container .p-editor-content .ql-editor { background: #ffffff; - color: #4C566A; + color: #4c566a; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .p-editor-container .ql-snow.ql-toolbar button:hover, .p-editor-container .ql-snow.ql-toolbar button:focus { - color: #4C566A; + color: #4c566a; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke { - stroke: #4C566A; + stroke: #4c566a; } .p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill, .p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill { - fill: #4C566A; + fill: #4c566a; } .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #5E81AC; + color: #5e81ac; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #5E81AC; + stroke: #5e81ac; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #5E81AC; + fill: #5e81ac; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #5E81AC; + color: #5e81ac; } @layer primereact { @@ -312,10 +312,10 @@ opacity: 0.6; } .p-error { - color: #BF616A; + color: #bf616a; } .p-text-secondary { - color: #81A1C1; + color: #81a1c1; } .pi { font-size: 1rem; @@ -333,7 +333,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; @@ -368,13 +368,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; @@ -383,26 +383,26 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #4C566A; + color: #4c566a; padding: 0; margin: 0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; border-radius: 4px; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { margin-left: 0.5rem; } .p-autocomplete.p-invalid.p-component > .p-inputtext { - border-color: #BF616A; + border-color: #bf616a; } .p-autocomplete-panel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; 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); @@ -414,34 +414,34 @@ margin: 0; padding: 0.5rem 1rem; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: none; border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #4C566A; + color: #4c566a; background: transparent; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; } .p-calendar.p-invalid.p-component > .p-inputtext { - border-color: #BF616A; + border-color: #bf616a; } .p-datepicker { padding: 0.5rem; background: #ffffff; - color: #4C566A; - border: 1px solid #D8DEE9; + color: #4c566a; + border: 1px solid #d8dee9; border-radius: 4px; } .p-datepicker:not(.p-datepicker-inline) { @@ -454,11 +454,11 @@ } .p-datepicker .p-datepicker-header { padding: 0.5rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; margin: 0; - border-bottom: 1px solid #E5E9F0; + border-bottom: 1px solid #e5e9f0; border-top-right-radius: 4px; border-top-left-radius: 4px; } @@ -466,7 +466,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; @@ -474,29 +474,29 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + 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 { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-datepicker .p-datepicker-header .p-datepicker-title { 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 { - color: #4C566A; + 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 { - color: #5E81AC; + color: #5e81ac; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -523,52 +523,52 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-datepicker table td.p-datepicker-today > span { - background: #EBCB8B; - color: #2E3440; + background: #ebcb8b; + color: #2e3440; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; } .p-datepicker .p-datepicker-buttonbar .p-button { width: auto; } .p-datepicker .p-timepicker { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; padding: 0.5rem; } .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-datepicker .p-timepicker button:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -591,8 +591,8 @@ border-radius: 4px; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -603,11 +603,11 @@ border-radius: 4px; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { - border-left: 1px solid #E5E9F0; + border-left: 1px solid #e5e9f0; padding-right: 0.5rem; padding-left: 0.5rem; padding-top: 0; @@ -621,28 +621,28 @@ border-left: 0 none; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #D8DEE9; + background: #d8dee9; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #D8DEE9; + background: #d8dee9; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #D8DEE9; + background: #d8dee9; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { @@ -651,18 +651,18 @@ } .p-cascadeselect { background: #ffffff; - border: 1px solid #D8DEE9; + border: 1px solid #d8dee9; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -670,7 +670,7 @@ padding: 0.5rem 0.5rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #4C566A; + color: #4c566a; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; @@ -678,17 +678,17 @@ } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; - color: #81A1C1; + color: #81a1c1; width: 2.357rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .p-cascadeselect.p-invalid.p-component { - border-color: #BF616A; + border-color: #bf616a; } .p-cascadeselect-panel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; 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); @@ -699,7 +699,7 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item { margin: 0; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: none; border-radius: 0; @@ -710,14 +710,14 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + box-shadow: inset 0 0 0 0.15rem #c0d0e0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4C566A; + color: #4c566a; background: transparent; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { @@ -728,10 +728,10 @@ height: 0.875rem; } .p-input-filled .p-cascadeselect { - background: #ECEFF4; + background: #eceff4; } .p-input-filled .p-cascadeselect:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-cascadeselect:not(.p-disabled).p-focus { background-color: #ffffff; @@ -741,11 +741,11 @@ height: 20px; } .p-checkbox .p-checkbox-box { - border: 2px solid #D8DEE9; + border: 2px solid #d8dee9; background: #ffffff; width: 20px; height: 20px; - color: #4C566A; + color: #4c566a; border-radius: 4px; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -759,61 +759,61 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #5E81AC; - background: #5E81AC; + border-color: #5e81ac; + background: #5e81ac; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #48678c; - background: #81A1C1; + background: #81a1c1; color: #ffffff; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #48678c; - background: #81A1C1; + background: #81a1c1; color: #ffffff; } .p-checkbox.p-invalid > .p-checkbox-box { - border-color: #BF616A; + border-color: #bf616a; } .p-input-filled .p-checkbox .p-checkbox-box { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #5E81AC; + background: #5e81ac; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #81A1C1; + background: #81a1c1; } .p-chips .p-chips-multiple-container { padding: 0.25rem 0.5rem; gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #D8DEE9; - color: #4C566A; + background: #d8dee9; + color: #4c566a; border-radius: 16px; } .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon { @@ -826,12 +826,12 @@ font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #4C566A; + color: #4c566a; padding: 0; margin: 0; } .p-chips.p-invalid.p-component > .p-inputtext { - border-color: #BF616A; + border-color: #bf616a; } .p-colorpicker-preview { width: 2rem; @@ -850,18 +850,18 @@ } .p-dropdown { background: #ffffff; - border: 1px solid #D8DEE9; + border: 1px solid #d8dee9; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-dropdown:not(.p-disabled):hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -871,7 +871,7 @@ border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { - color: #4C566A; + color: #4c566a; } .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; @@ -879,21 +879,21 @@ } .p-dropdown .p-dropdown-trigger { background: transparent; - color: #81A1C1; + color: #81a1c1; width: 2.357rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .p-dropdown .p-dropdown-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 2.357rem; } .p-dropdown.p-invalid.p-component { - border-color: #BF616A; + border-color: #bf616a; } .p-dropdown-panel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; 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); @@ -901,8 +901,8 @@ .p-dropdown-panel .p-dropdown-header { padding: 0.5rem 1rem; border-bottom: 0 none; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -913,7 +913,7 @@ } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter { padding-right: 3rem; @@ -929,36 +929,36 @@ margin: 0; padding: 0.5rem 1rem; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: none; border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #4C566A; + color: #4c566a; background: transparent; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; } .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message { padding: 0.5rem 1rem; - color: #4C566A; + color: #4c566a; background: transparent; } .p-input-filled .p-dropdown { - background: #ECEFF4; + background: #eceff4; } .p-input-filled .p-dropdown:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-dropdown:not(.p-disabled).p-focus { background-color: #ffffff; @@ -968,15 +968,15 @@ } .p-inputgroup-addon { background: #ffffff; - color: #81A1C1; - border-top: 1px solid #D8DEE9; - border-left: 1px solid #D8DEE9; - border-bottom: 1px solid #D8DEE9; + color: #81a1c1; + border-top: 1px solid #d8dee9; + border-left: 1px solid #d8dee9; + border-bottom: 1px solid #d8dee9; padding: 0.5rem 0.5rem; min-width: 2.357rem; } .p-inputgroup-addon:last-child { - border-right: 1px solid #D8DEE9; + border-right: 1px solid #d8dee9; } .p-inputgroup > .p-component, .p-inputgroup > .p-inputwrapper > .p-inputtext, @@ -1030,19 +1030,19 @@ width: 2.357rem; } .p-inputnumber.p-invalid.p-component > .p-inputtext { - border-color: #BF616A; + border-color: #bf616a; } .p-inputswitch { width: 3rem; height: 1.75rem; } .p-inputswitch .p-inputswitch-slider { - background: #D8DEE9; + background: #d8dee9; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { - background: #5E81AC; + background: #5e81ac; width: 1.25rem; height: 1.25rem; left: 0.25rem; @@ -1056,46 +1056,46 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { - background: #ECEFF4; + background: #eceff4; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #5E81AC; + background: #5e81ac; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #81A1C1; + background: #81a1c1; } .p-inputswitch.p-invalid .p-inputswitch-slider { - border-color: #BF616A; + border-color: #bf616a; } .p-inputtext { font-family: var(--font-family); font-feature-settings: var(--font-feature-settings, normal); font-size: 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; padding: 0.5rem 0.5rem; - border: 1px solid #D8DEE9; + border: 1px solid #d8dee9; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; appearance: none; border-radius: 4px; } .p-inputtext:enabled:hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-inputtext.p-invalid.p-component { - border-color: #BF616A; + border-color: #bf616a; } .p-inputtext.p-inputtext-sm { font-size: 0.875rem; @@ -1107,17 +1107,17 @@ } .p-float-label > label { left: 0.5rem; - color: #4C566A; + color: #4c566a; transition-duration: 0.2s; } .p-float-label > label.p-error { - color: #BF616A; + color: #bf616a; } .p-input-icon-left > i:first-of-type, .p-input-icon-left > svg:first-of-type, .p-input-icon-left > .p-input-prefix { left: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-input-icon-left > .p-inputtext { padding-left: 2rem; @@ -1129,28 +1129,28 @@ .p-input-icon-right > svg:last-of-type, .p-input-icon-right > .p-input-suffix { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-input-icon-right > .p-inputtext { padding-right: 2rem; } ::-webkit-input-placeholder { - color: #4C566A; + color: #4c566a; } :-moz-placeholder { - color: #4C566A; + color: #4c566a; } ::-moz-placeholder { - color: #4C566A; + color: #4c566a; } :-ms-input-placeholder { - color: #4C566A; + color: #4c566a; } .p-input-filled .p-inputtext { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-inputtext:enabled:hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-inputtext:enabled:focus { background-color: #ffffff; @@ -1165,15 +1165,15 @@ } .p-listbox { background: #ffffff; - color: #4C566A; - border: 1px solid #D8DEE9; + color: #4c566a; + border: 1px solid #d8dee9; border-radius: 4px; } .p-listbox .p-listbox-header { padding: 0.5rem 1rem; border-bottom: 0 none; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -1183,7 +1183,7 @@ } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-listbox .p-listbox-list { padding: 0.5rem 0; @@ -1192,41 +1192,41 @@ margin: 0; padding: 0.5rem 1rem; border: 0 none; - color: #4C566A; + color: #4c566a; transition: none; border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + box-shadow: inset 0 0 0 0.15rem #c0d0e0; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; } .p-listbox .p-listbox-list .p-listbox-empty-message { padding: 0.5rem 1rem; - color: #4C566A; + color: #4c566a; background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #4C566A; + color: #4c566a; background: transparent; } .p-listbox.p-invalid { - border-color: #BF616A; + border-color: #bf616a; } .p-mention-panel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; 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); @@ -1238,33 +1238,33 @@ margin: 0; padding: 0.5rem 1rem; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: none; border-radius: 0; } .p-mention-panel .p-mention-items .p-mention-item:hover { - color: #4C566A; + color: #4c566a; background: transparent; } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-multiselect { background: #ffffff; - border: 1px solid #D8DEE9; + border: 1px solid #d8dee9; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-multiselect:not(.p-disabled):hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.5rem; @@ -1274,13 +1274,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-multiselect .p-multiselect-label.p-placeholder { - color: #4C566A; + color: #4c566a; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #E5E9F0; - color: #4C566A; + background: #e5e9f0; + color: #4c566a; border-radius: 16px; } .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon { @@ -1288,17 +1288,17 @@ } .p-multiselect .p-multiselect-trigger { background: transparent; - color: #81A1C1; + color: #81a1c1; width: 2.357rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .p-multiselect .p-multiselect-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 2.357rem; } .p-multiselect.p-invalid.p-component { - border-color: #BF616A; + border-color: #bf616a; } .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label { padding: 0.25rem 0.5rem; @@ -1311,7 +1311,7 @@ } .p-multiselect-panel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; 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); @@ -1319,8 +1319,8 @@ .p-multiselect-panel .p-multiselect-header { padding: 0.5rem 1rem; border-bottom: 0 none; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -1333,26 +1333,26 @@ } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-multiselect-panel .p-multiselect-items { padding: 0.5rem 0; @@ -1361,23 +1361,23 @@ margin: 0; padding: 0.5rem 1rem; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: none; border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #4C566A; + color: #4c566a; background: transparent; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + box-shadow: inset 0 0 0 0.15rem #c0d0e0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1385,69 +1385,69 @@ .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group { margin: 0; padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; } .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message { padding: 0.5rem 1rem; - color: #4C566A; + color: #4c566a; background: transparent; } .p-input-filled .p-multiselect { - background: #ECEFF4; + background: #eceff4; } .p-input-filled .p-multiselect:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-multiselect:not(.p-disabled).p-focus { background-color: #ffffff; } .p-password.p-invalid.p-component > .p-inputtext { - border-color: #BF616A; + border-color: #bf616a; } .p-password-panel { padding: 1rem; background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; 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); border-radius: 4px; } .p-password-panel .p-password-meter { margin-bottom: 0.5rem; - background: #E5E9F0; + background: #e5e9f0; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #BF616A; + background: #bf616a; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #D08770; + background: #d08770; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #7FA366; + background: #7fa366; } .p-radiobutton { width: 20px; height: 20px; } .p-radiobutton .p-radiobutton-box { - border: 2px solid #D8DEE9; + border: 2px solid #d8dee9; background: #ffffff; width: 20px; height: 20px; - color: #4C566A; + color: #4c566a; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 10px; @@ -1456,37 +1456,37 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #5E81AC; - background: #5E81AC; + border-color: #5e81ac; + background: #5e81ac; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #5E81AC; - background: #81A1C1; + border-color: #5e81ac; + background: #81a1c1; color: #ffffff; } .p-radiobutton.p-invalid > .p-radiobutton-box { - border-color: #BF616A; + border-color: #bf616a; } .p-radiobutton:focus { outline: 0 none; } .p-input-filled .p-radiobutton .p-radiobutton-box { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #5E81AC; + background: #5e81ac; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #81A1C1; + background: #81a1c1; } .p-rating { gap: 0.5rem; } .p-rating .p-rating-item .p-rating-icon { - color: #4C566A; + color: #4c566a; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; font-size: 1.143rem; } @@ -1495,44 +1495,44 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #BF616A; + color: #bf616a; } .p-rating .p-rating-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #5E81AC; + color: #5e81ac; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #5E81AC; + color: #5e81ac; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #D88889; + color: #d88889; } .p-selectbutton .p-button { background: #ffffff; - border: 2px solid #D8DEE9; - color: #4C566A; + border: 2px solid #d8dee9; + color: #4c566a; 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 { - color: #81A1C1; + color: #81a1c1; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #ECEFF4; - border-color: #81A1C1; - color: #4C566A; + background: #eceff4; + border-color: #81a1c1; + 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 { - color: #81A1C1; + color: #81a1c1; } .p-selectbutton .p-button.p-highlight { - background: #5E81AC; - border-color: #5E81AC; + background: #5e81ac; + border-color: #5e81ac; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1540,8 +1540,8 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { - background: #81A1C1; - border-color: #5E81AC; + background: #81a1c1; + border-color: #5e81ac; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1549,10 +1549,10 @@ color: #ffffff; } .p-selectbutton.p-invalid > .p-button { - border-color: #BF616A; + border-color: #bf616a; } .p-slider { - background: #E5E9F0; + background: #e5e9f0; border: 0 none; border-radius: 4px; } @@ -1574,36 +1574,36 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #5E81AC; + border: 2px solid #5e81ac; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-slider .p-slider-range { - background: #5E81AC; + background: #5e81ac; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #5E81AC; - border-color: #5E81AC; + background: #5e81ac; + border-color: #5e81ac; } .p-treeselect { background: #ffffff; - border: 1px solid #D8DEE9; + border: 1px solid #d8dee9; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-treeselect:not(.p-disabled):hover { - border-color: #81A1C1; + border-color: #81a1c1; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; - border-color: #81A1C1; + box-shadow: 0 0 0 0.2rem #c0d0e0; + border-color: #81a1c1; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.5rem; @@ -1613,35 +1613,35 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-treeselect .p-treeselect-label.p-placeholder { - color: #4C566A; + color: #4c566a; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #E5E9F0; - color: #4C566A; + background: #e5e9f0; + color: #4c566a; border-radius: 16px; } .p-treeselect .p-treeselect-trigger { background: transparent; - color: #81A1C1; + color: #81a1c1; width: 2.357rem; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .p-treeselect .p-treeselect-clear-icon { - color: #81A1C1; + color: #81a1c1; right: 2.357rem; } .p-treeselect.p-invalid.p-component { - border-color: #BF616A; + 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; + color: #4c566a; border: 0 none; border-radius: 4px; 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); @@ -1649,8 +1649,8 @@ .p-treeselect-panel .p-treeselect-header { padding: 0.5rem 1rem; border-bottom: 0 none; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -1663,7 +1663,7 @@ } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3rem; @@ -1674,61 +1674,61 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; } .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message { padding: 0.5rem 1rem; - color: #4C566A; + color: #4c566a; background: transparent; } .p-input-filled .p-treeselect { - background: #ECEFF4; + background: #eceff4; } .p-input-filled .p-treeselect:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-input-filled .p-treeselect:not(.p-disabled).p-focus { background-color: #ffffff; } .p-togglebutton.p-button { background: #ffffff; - border: 2px solid #D8DEE9; - color: #4C566A; + border: 2px solid #d8dee9; + color: #4c566a; 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 { - color: #81A1C1; + color: #81a1c1; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #ECEFF4; - border-color: #81A1C1; - color: #4C566A; + background: #eceff4; + border-color: #81a1c1; + 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 { - color: #81A1C1; + color: #81a1c1; } .p-togglebutton.p-button.p-highlight { - background: #5E81AC; - border-color: #5E81AC; + background: #5e81ac; + border-color: #5e81ac; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1736,8 +1736,8 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { - background: #81A1C1; - border-color: #5E81AC; + background: #81a1c1; + border-color: #5e81ac; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1745,19 +1745,19 @@ color: #ffffff; } .p-togglebutton.p-button.p-invalid > .p-button { - border-color: #BF616A; + border-color: #bf616a; } .p-button { color: #ffffff; - background: #5E81AC; - border: 2px solid #5E81AC; + background: #5e81ac; + border: 2px solid #5e81ac; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; border-radius: 4px; } .p-button:not(:disabled):hover { - background: #81A1C1; + background: #81a1c1; color: #ffffff; border-color: #51749e; } @@ -1768,61 +1768,61 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #5E81AC; + color: #5e81ac; border: 2px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(94, 129, 172, 0.12); - color: #5E81AC; + color: #5e81ac; border: 2px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(94, 129, 172, 0.24); - color: #5E81AC; + color: #5e81ac; border: 2px solid; } .p-button.p-button-outlined.p-button-plain { - color: #81A1C1; - border-color: #81A1C1; + color: #81a1c1; + border-color: #81a1c1; } .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #ffffff; - color: #81A1C1; + color: #81a1c1; } .p-button.p-button-outlined.p-button-plain:not(:disabled):active { - background: #E5E9F0; - color: #81A1C1; + background: #e5e9f0; + color: #81a1c1; } .p-button.p-button-text { background-color: transparent; - color: #5E81AC; + color: #5e81ac; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(94, 129, 172, 0.12); - color: #5E81AC; + color: #5e81ac; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(94, 129, 172, 0.24); - color: #5E81AC; + color: #5e81ac; border-color: transparent; } .p-button.p-button-text.p-button-plain { - color: #81A1C1; + color: #81a1c1; } .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #ffffff; - color: #81A1C1; + color: #81a1c1; } .p-button.p-button-text.p-button-plain:not(:disabled):active { - background: #E5E9F0; - color: #81A1C1; + background: #e5e9f0; + color: #81a1c1; } .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-button .p-button-label { transition-duration: 0.2s; @@ -1844,7 +1844,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #5E81AC; + color: #5e81ac; background-color: #ffffff; } .p-button.p-button-raised { @@ -1908,61 +1908,61 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #4C566A; - border: 2px solid #4C566A; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #707888; color: #ffffff; - border-color: #4C566A; + 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-fileupload-choose.p-button-secondary: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-fileupload-choose.p-button-secondary:not(:disabled):active { - background: #2E3440; + background: #2e3440; color: #ffffff; - border-color: #2E3440; + 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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #4C566A; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(76, 86, 106, 0.12); - color: #4C566A; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(76, 86, 106, 0.24); - color: #4C566A; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #4C566A; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(76, 86, 106, 0.12); border-color: transparent; - color: #4C566A; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(76, 86, 106, 0.24); border-color: transparent; - color: #4C566A; + color: #4c566a; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; - background: #639BB2; - border: 2px solid #639BB2; + 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-fileupload-choose.p-button-info:not(:disabled):hover { - background: #88C0D0; + background: #88c0d0; color: #ffffff; - border-color: #639BB2; + 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-fileupload-choose.p-button-info:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #c1d7e0; @@ -1974,43 +1974,43 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #639BB2; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(99, 155, 178, 0.12); - color: #639BB2; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(99, 155, 178, 0.24); - color: #639BB2; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #639BB2; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(99, 155, 178, 0.12); border-color: transparent; - color: #639BB2; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(99, 155, 178, 0.24); border-color: transparent; - color: #639BB2; + color: #639bb2; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #7FA366; - border: 2px solid #7FA366; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #A3BE8C; + background: #a3be8c; color: #ffffff; - border-color: #7FA366; + 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-fileupload-choose.p-button-success:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #ccdac2; @@ -2022,43 +2022,43 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #7FA366; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(127, 163, 102, 0.12); - color: #7FA366; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(127, 163, 102, 0.24); - color: #7FA366; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #7FA366; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(127, 163, 102, 0.12); border-color: transparent; - color: #7FA366; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(127, 163, 102, 0.24); border-color: transparent; - color: #7FA366; + color: #7fa366; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #ffffff; - background: #D08770; - border: 2px solid #D08770; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { - background: #E2AC94; + background: #e2ac94; color: #ffffff; - border-color: #D08770; + 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-fileupload-choose.p-button-warning:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #eccfc6; @@ -2070,43 +2070,43 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #D08770; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(208, 135, 112, 0.12); - color: #D08770; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(208, 135, 112, 0.24); - color: #D08770; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #D08770; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(208, 135, 112, 0.12); border-color: transparent; - color: #D08770; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(208, 135, 112, 0.24); border-color: transparent; - color: #D08770; + color: #d08770; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #9A6796; - border: 2px solid #9A6796; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #B48EAD; + background: #b48ead; color: #ffffff; - border-color: #9A6796; + 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-fileupload-choose.p-button-help:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #d7c2d5; @@ -2118,43 +2118,43 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #9A6796; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(154, 103, 150, 0.12); - color: #9A6796; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(154, 103, 150, 0.24); - color: #9A6796; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #9A6796; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(154, 103, 150, 0.12); border-color: transparent; - color: #9A6796; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(154, 103, 150, 0.24); border-color: transparent; - color: #9A6796; + color: #9a6796; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #BF616A; - border: 2px solid #BF616A; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #D88889; + background: #d88889; color: #ffffff; - border-color: #BF616A; + 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-fileupload-choose.p-button-danger:not(:disabled):focus { box-shadow: 0 0 0 0.2rem #e5c0c3; @@ -2166,33 +2166,33 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #BF616A; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(191, 97, 106, 0.12); - color: #BF616A; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(191, 97, 106, 0.24); - color: #BF616A; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #BF616A; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(191, 97, 106, 0.12); border-color: transparent; - color: #BF616A; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(191, 97, 106, 0.24); border-color: transparent; - color: #BF616A; + color: #bf616a; } .p-button.p-button-link { color: #48678c; @@ -2209,7 +2209,7 @@ } .p-button.p-button-link:not(:disabled):focus { background: transparent; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; border-color: transparent; } .p-button.p-button-link:not(:disabled):active { @@ -2222,54 +2222,54 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #5E81AC; + color: #5e81ac; border: 2px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(94, 129, 172, 0.12); - color: #5E81AC; + color: #5e81ac; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(94, 129, 172, 0.24); - color: #5E81AC; + color: #5e81ac; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #81A1C1; - border-color: #81A1C1; + color: #81a1c1; + border-color: #81a1c1; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #ffffff; - color: #81A1C1; + color: #81a1c1; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { - background: #E5E9F0; - color: #81A1C1; + background: #e5e9f0; + color: #81a1c1; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #5E81AC; + color: #5e81ac; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(94, 129, 172, 0.12); - color: #5E81AC; + color: #5e81ac; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(94, 129, 172, 0.24); - color: #5E81AC; + color: #5e81ac; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #81A1C1; + color: #81a1c1; } .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #ffffff; - color: #81A1C1; + color: #81a1c1; } .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { - background: #E5E9F0; - color: #81A1C1; + background: #e5e9f0; + color: #81a1c1; } .p-splitbutton.p-button-raised { box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 12px 10px 0 rgba(0, 0, 0, 0.06); @@ -2305,171 +2305,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #4C566A; + color: #4c566a; border: 2px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(76, 86, 106, 0.12); - color: #4C566A; + color: #4c566a; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(76, 86, 106, 0.24); - color: #4C566A; + color: #4c566a; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #4C566A; + color: #4c566a; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(76, 86, 106, 0.12); border-color: transparent; - color: #4C566A; + color: #4c566a; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(76, 86, 106, 0.24); border-color: transparent; - color: #4C566A; + color: #4c566a; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #639BB2; + color: #639bb2; border: 2px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(99, 155, 178, 0.12); - color: #639BB2; + color: #639bb2; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(99, 155, 178, 0.24); - color: #639BB2; + color: #639bb2; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #639BB2; + color: #639bb2; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(99, 155, 178, 0.12); border-color: transparent; - color: #639BB2; + color: #639bb2; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(99, 155, 178, 0.24); border-color: transparent; - color: #639BB2; + color: #639bb2; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #7FA366; + color: #7fa366; border: 2px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(127, 163, 102, 0.12); - color: #7FA366; + color: #7fa366; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(127, 163, 102, 0.24); - color: #7FA366; + color: #7fa366; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #7FA366; + color: #7fa366; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(127, 163, 102, 0.12); border-color: transparent; - color: #7FA366; + color: #7fa366; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(127, 163, 102, 0.24); border-color: transparent; - color: #7FA366; + color: #7fa366; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #D08770; + color: #d08770; border: 2px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(208, 135, 112, 0.12); - color: #D08770; + color: #d08770; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(208, 135, 112, 0.24); - color: #D08770; + color: #d08770; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #D08770; + color: #d08770; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(208, 135, 112, 0.12); border-color: transparent; - color: #D08770; + color: #d08770; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(208, 135, 112, 0.24); border-color: transparent; - color: #D08770; + color: #d08770; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9A6796; + color: #9a6796; border: 2px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(154, 103, 150, 0.12); - color: #9A6796; + color: #9a6796; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(154, 103, 150, 0.24); - color: #9A6796; + color: #9a6796; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9A6796; + color: #9a6796; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(154, 103, 150, 0.12); border-color: transparent; - color: #9A6796; + color: #9a6796; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(154, 103, 150, 0.24); border-color: transparent; - color: #9A6796; + color: #9a6796; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #BF616A; + color: #bf616a; border: 2px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(191, 97, 106, 0.12); - color: #BF616A; + color: #bf616a; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(191, 97, 106, 0.24); - color: #BF616A; + color: #bf616a; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #BF616A; + color: #bf616a; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(191, 97, 106, 0.12); border-color: transparent; - color: #BF616A; + color: #bf616a; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(191, 97, 106, 0.24); border-color: transparent; - color: #BF616A; + color: #bf616a; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2488,11 +2488,11 @@ .p-speeddial-action { width: 3rem; height: 3rem; - background: #4C566A; + background: #4c566a; color: #fff; } .p-speeddial-action:hover { - background: #3B4252; + background: #3b4252; color: #fff; } .p-speeddial-direction-up .p-speeddial-item { @@ -2539,7 +2539,7 @@ .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; @@ -2548,15 +2548,15 @@ } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + 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 { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2566,18 +2566,18 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #E5E9F0; + background-color: #e5e9f0; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 0; } .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover { - background: #81A1C1; + background: #81a1c1; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; @@ -2589,15 +2589,15 @@ } .p-datatable .p-datatable-header { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 1px solid #ffffff; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-datatable .p-datatable-footer { - background: #ECEFF4; - color: #4C566A; + background: #eceff4; + color: #4c566a; border: 1px solid #ffffff; border-width: 0 0 1px 0; padding: 1rem 1rem; @@ -2609,8 +2609,8 @@ border: 1px solid #ffffff; border-width: 0 0 1px 0; font-weight: 600; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; transition: none; } .p-datatable .p-datatable-tfoot > tr > td { @@ -2619,11 +2619,11 @@ border: 1px solid #ffffff; border-width: 0 0 1px 0; font-weight: 600; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; } .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #81A1C1; + color: #81a1c1; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { @@ -2631,43 +2631,43 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #81A1C1; + color: #81a1c1; } .p-datatable .p-sortable-column.p-highlight { - background: #ECEFF4; - color: #4C566A; + background: #eceff4; + color: #4c566a; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4C566A; + color: #4c566a; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #4C566A; + color: #4c566a; } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + box-shadow: inset 0 0 0 0.15rem #c0d0e0; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { background: #ffffff; - color: #4C566A; + color: #4c566a; transition: none; } .p-datatable .p-datatable-tbody > tr > td { text-align: left; - border: 1px solid #ECEFF4; + border: 1px solid #eceff4; border-width: 0 0 1px 0; padding: 1rem 1rem; } @@ -2677,7 +2677,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; @@ -2687,8 +2687,8 @@ .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; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible, @@ -2697,7 +2697,7 @@ .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; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2706,45 +2706,45 @@ font-weight: 600; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { - outline: 0.15rem solid #C0D0E0; + outline: 0.15rem solid #c0d0e0; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #D8DEE9; + box-shadow: inset 0 2px 0 0 #d8dee9; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #D8DEE9; + box-shadow: inset 0 -2px 0 0 #d8dee9; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible { - outline: 0.15rem solid #C0D0E0; + outline: 0.15rem solid #c0d0e0; outline-offset: -0.15rem; } .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible { - outline: 0.15rem solid #C0D0E0; + outline: 0.15rem solid #c0d0e0; outline-offset: -0.15rem; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-datatable .p-column-resizer-helper { - background: #5E81AC; + background: #5e81ac; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2753,7 +2753,7 @@ .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-virtualscroller > .p-datatable-table > .p-datatable-thead, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot { - background-color: #ECEFF4; + background-color: #eceff4; } .p-datatable .p-datatable-loading-icon { font-size: 2rem; @@ -2820,14 +2820,14 @@ background: #f6f7fa; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { - color: #2E3440; + color: #2e3440; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { - color: #2E3440; + color: #2e3440; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded { background: #f6f7fa; @@ -2875,7 +2875,7 @@ } .p-dataview .p-dataview-header { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 1px solid #ffffff; border-width: 1px 0 1px 0; padding: 1rem 1rem; @@ -2883,7 +2883,7 @@ } .p-dataview .p-dataview-content { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; padding: 0; } @@ -2892,8 +2892,8 @@ border-width: 0 0 1px 0; } .p-dataview .p-dataview-footer { - background: #ECEFF4; - color: #4C566A; + background: #eceff4; + color: #4c566a; border: 1px solid #ffffff; border-width: 0 0 1px 0; padding: 1rem 1rem; @@ -2918,7 +2918,7 @@ } .p-datascroller .p-datascroller-header { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 1px solid #ffffff; border-width: 1px 0 1px 0; padding: 1rem 1rem; @@ -2926,7 +2926,7 @@ } .p-datascroller .p-datascroller-content { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; padding: 0; } @@ -2935,8 +2935,8 @@ border-width: 0 0 1px 0; } .p-datascroller .p-datascroller-footer { - background: #ECEFF4; - color: #4C566A; + background: #eceff4; + color: #4c566a; border: 1px solid #ffffff; border-width: 0 0 1px 0; padding: 1rem 1rem; @@ -2951,52 +2951,52 @@ .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-menu-button:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-column-filter-clear-button:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-column-filter-overlay { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; border-radius: 4px; 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); @@ -3009,40 +3009,40 @@ margin: 0; padding: 0.5rem 1rem; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: none; border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #4C566A; + color: #4c566a; background: transparent; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + box-shadow: inset 0 0 0 0.15rem #c0d0e0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { - border-top: 1px solid #E5E9F0; + 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; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; margin: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; } .p-column-filter-overlay-menu .p-column-filter-constraint { padding: 1rem; - border-bottom: 1px solid #E5E9F0; + border-bottom: 1px solid #e5e9f0; } .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown { margin-bottom: 0.5rem; @@ -3067,8 +3067,8 @@ } .p-orderlist .p-orderlist-header { background: #ffffff; - color: #4C566A; - border: 1px solid #E5E9F0; + color: #4c566a; + border: 1px solid #e5e9f0; padding: 1rem; font-weight: 600; border-bottom: 0 none; @@ -3078,7 +3078,7 @@ .p-orderlist .p-orderlist-filter-container { padding: 1rem; background: #ffffff; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { @@ -3086,36 +3086,39 @@ } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-orderlist .p-orderlist-list { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; margin: 0; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: transform 0.2s, none; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: transparent; - color: #4C566A; + color: #4c566a; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #4c566a; + background: #e5e9f0; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #bec8da; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f6f7fa; @@ -3125,30 +3128,30 @@ } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: transparent; - color: #4C566A; + color: #4c566a; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #8699bb; } .p-organizationchart .p-organizationchart-line-down { - background: #E5E9F0; + background: #e5e9f0; } .p-organizationchart .p-organizationchart-line-left { - border-right: 1px solid #E5E9F0; - border-color: #E5E9F0; + border-right: 1px solid #e5e9f0; + border-color: #e5e9f0; } .p-organizationchart .p-organizationchart-line-top { - border-top: 1px solid #E5E9F0; - border-color: #E5E9F0; + border-top: 1px solid #e5e9f0; + border-color: #e5e9f0; } .p-organizationchart .p-organizationchart-node-content { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 1rem; } .p-organizationchart .p-organizationchart-node-content .p-node-toggler { @@ -3159,11 +3162,11 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-paginator { background: #ffffff; - color: #4C566A; + color: #4c566a; border: solid #ffffff; border-width: 0; padding: 0.5rem 1rem; @@ -3175,7 +3178,7 @@ .p-paginator .p-paginator-last { background-color: transparent; border: 0 none; - color: #4C566A; + color: #4c566a; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; @@ -3186,9 +3189,9 @@ .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; + background: #eceff4; + border-color: #5e81ac; + color: #4c566a; } .p-paginator .p-paginator-first { border-top-left-radius: 4px; @@ -3215,7 +3218,7 @@ .p-paginator .p-paginator-current { background-color: transparent; border: 0 none; - color: #4C566A; + color: #4c566a; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; @@ -3224,7 +3227,7 @@ .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 0 none; - color: #4C566A; + color: #4c566a; min-width: 2.357rem; height: 2.357rem; margin: 0.143rem; @@ -3232,14 +3235,14 @@ border-radius: 4px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #D8DEE9; - border-color: #D8DEE9; - color: #2E3440; + background: #d8dee9; + border-color: #d8dee9; + color: #2e3440; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #ECEFF4; - border-color: #5E81AC; - color: #4C566A; + background: #eceff4; + border-color: #5e81ac; + color: #4c566a; } .p-picklist .p-picklist-buttons { padding: 1rem; @@ -3249,8 +3252,8 @@ } .p-picklist .p-picklist-header { background: #ffffff; - color: #4C566A; - border: 1px solid #E5E9F0; + color: #4c566a; + border: 1px solid #e5e9f0; padding: 1rem; font-weight: 600; border-bottom: 0 none; @@ -3260,7 +3263,7 @@ .p-picklist .p-picklist-filter-container { padding: 1rem; background: #ffffff; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { @@ -3268,12 +3271,12 @@ } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-picklist .p-picklist-list { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 0.5rem 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; @@ -3282,27 +3285,27 @@ padding: 0.5rem 1rem; margin: 0; border: 0 none; - color: #4C566A; + color: #4c566a; background: transparent; transition: transform 0.2s, none; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: transparent; - color: #4C566A; + color: #4c566a; } .p-picklist .p-picklist-list .p-picklist-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + box-shadow: inset 0 0 0 0.15rem #c0d0e0; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-tree { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 1rem; border-radius: 4px; } @@ -3318,56 +3321,56 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #4C566A; + color: #4c566a; } .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + box-shadow: inset 0 0 0 0.15rem #c0d0e0; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + 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 { - color: #2E3440; + 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 { - color: #2E3440; + color: #2e3440; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: transparent; - color: #4C566A; + color: #4c566a; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { background: transparent; - color: #4C566A; + color: #4c566a; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; @@ -3378,7 +3381,7 @@ } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; @@ -3406,15 +3409,15 @@ } .p-treetable .p-treetable-header { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 1px solid #ffffff; border-width: 1px 0 1px 0; padding: 1rem 1rem; font-weight: 600; } .p-treetable .p-treetable-footer { - background: #ECEFF4; - color: #4C566A; + background: #eceff4; + color: #4c566a; border: 1px solid #ffffff; border-width: 0 0 1px 0; padding: 1rem 1rem; @@ -3426,8 +3429,8 @@ border: 1px solid #ffffff; border-width: 0 0 1px 0; font-weight: 600; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; transition: none; } .p-treetable .p-treetable-tfoot > tr > td { @@ -3436,14 +3439,14 @@ border: 1px solid #ffffff; border-width: 0 0 1px 0; font-weight: 600; - color: #4C566A; - background: #ECEFF4; + color: #4c566a; + background: #eceff4; } .p-treetable .p-sortable-column { - outline-color: #C0D0E0; + outline-color: #c0d0e0; } .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #81A1C1; + color: #81a1c1; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { @@ -3451,39 +3454,39 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #81A1C1; + color: #81a1c1; } .p-treetable .p-sortable-column.p-highlight { - background: #ECEFF4; - color: #4C566A; + background: #eceff4; + color: #4c566a; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4C566A; + color: #4c566a; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; - color: #4C566A; + color: #4c566a; transition: none; } .p-treetable .p-treetable-tbody > tr > td { text-align: left; - border: 1px solid #ECEFF4; + border: 1px solid #eceff4; border-width: 0 0 1px 0; padding: 1rem 1rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; @@ -3491,44 +3494,44 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon { - color: #4C566A; + color: #4c566a; } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #C0D0E0; + outline: 0.15rem solid #c0d0e0; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #2E3440; + color: #2e3440; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #2E3440; + color: #2e3440; } .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { - color: #4C566A; + color: #4c566a; } .p-treetable .p-column-resizer-helper { - background: #5E81AC; + background: #5e81ac; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3566,14 +3569,14 @@ background: #f6f7fa; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { - color: #2E3440; + color: #2e3440; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { - color: #2E3440; + color: #2e3440; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded { background: #f6f7fa; @@ -3613,10 +3616,10 @@ border-radius: 50%; width: 1rem; height: 1rem; - background-color: #5E81AC; + background-color: #5e81ac; } .p-timeline .p-timeline-event-connector { - background-color: #E5E9F0; + background-color: #e5e9f0; } .p-timeline.p-timeline-vertical .p-timeline-event-opposite, .p-timeline.p-timeline-vertical .p-timeline-event-content { @@ -3634,8 +3637,8 @@ } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 1rem; - border: 1px solid #E5E9F0; - color: #4C566A; + border: 1px solid #e5e9f0; + color: #4c566a; background: #ffffff; font-weight: 600; border-radius: 4px; @@ -3647,30 +3650,30 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #ffffff; - border-color: #E5E9F0; - color: #4C566A; + border-color: #e5e9f0; + color: #4c566a; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { background: #ffffff; - border-color: #E5E9F0; - color: #4C566A; + border-color: #e5e9f0; + color: #4c566a; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #E5E9F0; + border-color: #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-accordion .p-accordion-content { padding: 1rem; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; @@ -3707,7 +3710,7 @@ } .p-card { background: #ffffff; - color: #4C566A; + color: #4c566a; 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); border-radius: 4px; } @@ -3722,7 +3725,7 @@ .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-card .p-card-content { padding: 1rem 0; @@ -3731,15 +3734,15 @@ padding: 1rem 0 0 0; } .p-fieldset { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; border-radius: 4px; } .p-fieldset .p-fieldset-legend { padding: 1rem; - border: 1px solid #E5E9F0; - color: #4C566A; + border: 1px solid #e5e9f0; + color: #4c566a; background: #ffffff; font-weight: 600; border-radius: 4px; @@ -3750,7 +3753,7 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; - color: #4C566A; + color: #4c566a; border-radius: 4px; transition: none; } @@ -3760,12 +3763,12 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #ffffff; - border-color: #E5E9F0; - color: #4C566A; + border-color: #e5e9f0; + color: #4c566a; } .p-fieldset .p-fieldset-content { padding: 1rem; @@ -3778,7 +3781,7 @@ padding: 0 1rem; } .p-divider.p-divider-horizontal:before { - border-top: 1px #E5E9F0; + border-top: 1px #e5e9f0; } .p-divider.p-divider-horizontal .p-divider-content { padding: 0 0.5rem; @@ -3788,16 +3791,16 @@ padding: 1rem 0; } .p-divider.p-divider-vertical:before { - border-left: 1px #E5E9F0; + border-left: 1px #e5e9f0; } .p-divider.p-divider-vertical .p-divider-content { padding: 0.5rem 0; } .p-panel .p-panel-header { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; padding: 1rem; background: #ffffff; - color: #4C566A; + color: #4c566a; border-top-right-radius: 4px; border-top-left-radius: 4px; } @@ -3807,54 +3810,50 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.5rem 1rem; } .p-panel .p-panel-content { padding: 1rem; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { + color: #4c566a; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; + color: #4c566a; border-top: 0 none; } .p-splitter { - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; border-radius: 4px; - color: #4C566A; + color: #4c566a; } .p-splitter .p-splitter-gutter { transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; - background: #ECEFF4; + background: #eceff4; } .p-splitter .p-splitter-gutter .p-splitter-gutter-handle { background: #c2c7d1; @@ -3863,23 +3862,28 @@ background: #c2c7d1; } .p-scrollpanel .p-scrollpanel-bar { - background: #ECEFF4; + background: #eceff4; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c0d0e0; + } .p-tabview .p-tabview-nav { background: #ffffff; - border: 2px solid #E5E9F0; + border: 2px solid #e5e9f0; border-width: 0 0 2px 0; } .p-tabview .p-tabview-nav li { margin-right: 0; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: solid #E5E9F0; + border: solid #e5e9f0; border-width: 0 0 2px 0; - border-color: transparent transparent #E5E9F0 transparent; + border-color: transparent transparent #e5e9f0 transparent; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 1rem; font-weight: 600; border-top-right-radius: 4px; @@ -3890,24 +3894,24 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C0D0E0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; - border-color: #81A1C1; - color: #4C566A; + border-color: #81a1c1; + color: #4c566a; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #5E81AC; - color: #4C566A; + border-color: #5e81ac; + color: #4c566a; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #4C566A; + color: #4c566a; width: 2.357rem; box-shadow: 0 4px 4px 0px rgba(0, 0, 0, 0.2), 0 12px 10px 0 rgba(0, 0, 0, 0.06); border-radius: 0; @@ -3915,19 +3919,19 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C0D0E0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; } .p-tabview .p-tabview-panels { background: #ffffff; padding: 1rem; border: 0 none; - color: #4C566A; + color: #4c566a; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .p-toolbar { background: #ffffff; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; padding: 1rem; border-radius: 4px; gap: 0.5rem; @@ -3937,7 +3941,7 @@ } .p-confirm-popup { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; 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); @@ -3990,7 +3994,7 @@ .p-dialog .p-dialog-header { border-bottom: 0 none; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 1.5rem; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -4002,7 +4006,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; @@ -4010,21 +4014,21 @@ margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + color: #4c566a; + border-color: #5e81ac; background: #ffffff; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; } .p-dialog .p-dialog-content { background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 0 1.5rem 2rem 1.5rem; } .p-dialog .p-dialog-content:last-of-type { @@ -4034,7 +4038,7 @@ .p-dialog .p-dialog-footer { border-top: 0 none; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 0 1.5rem 1.5rem 1.5rem; text-align: right; border-bottom-right-radius: 4px; @@ -4059,7 +4063,7 @@ } .p-overlaypanel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; 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); @@ -4068,7 +4072,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #5E81AC; + background: #5e81ac; color: #ffffff; width: 2rem; height: 2rem; @@ -4079,7 +4083,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #81A1C1; + background: #81a1c1; color: #ffffff; } .p-overlaypanel:after { @@ -4100,7 +4104,7 @@ } .p-sidebar { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; 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); } @@ -4111,7 +4115,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border: 2px solid transparent; background: transparent; border-radius: 50%; @@ -4119,15 +4123,15 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #4C566A; - border-color: #5E81AC; + 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 { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4136,29 +4140,29 @@ padding: 1rem; } .p-tooltip .p-tooltip-text { - background: #4C566A; + background: #4c566a; color: #ffffff; padding: 0.5rem 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); border-radius: 4px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #4C566A; + border-right-color: #4c566a; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #4C566A; + border-left-color: #4c566a; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #4C566A; + border-top-color: #4c566a; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #4C566A; + border-bottom-color: #4c566a; } .p-fileupload .p-fileupload-buttonbar { background: #ffffff; padding: 1rem; - border: 1px solid #E5E9F0; - color: #4C566A; + border: 1px solid #e5e9f0; + color: #4c566a; border-bottom: 0 none; border-top-right-radius: 4px; border-top-left-radius: 4px; @@ -4170,8 +4174,8 @@ .p-fileupload .p-fileupload-content { background: #ffffff; padding: 2rem 1rem; - border: 1px solid #E5E9F0; - color: #4C566A; + border: 1px solid #e5e9f0; + color: #4c566a; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -4186,7 +4190,7 @@ } .p-breadcrumb { background: #ffffff; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; border-radius: 4px; padding: 1rem; } @@ -4197,297 +4201,285 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { - color: #4C566A; + color: #4c566a; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + color: #81a1c1; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; - color: #4C566A; + color: #4c566a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text { - color: #4C566A; + color: #4c566a; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #81A1C1; + color: #81a1c1; } .p-contextmenu { padding: 0.25rem 0; background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; 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); border-radius: 4px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #4C566A; - border-radius: 0; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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); + border-radius: 4px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #4c566a; transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4c566a; + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #81a1c1; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4c566a; background: #ffffff; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4C566A; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #81A1C1; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #81A1C1; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #ffffff; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4c566a; + background: #e5e9f0; } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - 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); - border-radius: 4px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4c566a; background: #ffffff; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-contextmenu .p-menu-separator { - border-top: 1px solid #E5E9F0; + .p-contextmenu .p-menuitem-separator { + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 4px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #c0d0e0; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; - background: #ECEFF4; - color: #4C566A; - border: 1px solid #E5E9F0; + background: #eceff4; + color: #4c566a; + border: 1px solid #e5e9f0; border-radius: 4px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #4C566A; - border-radius: 4px; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { + color: #4c566a; transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4c566a; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #81a1c1; margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #81A1C1; - margin-left: 0.5rem; + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4c566a; background: #ffffff; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4C566A; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #81A1C1; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #81A1C1; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #ffffff; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4C566A; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #81A1C1; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #81A1C1; - } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #4C566A; - border-radius: 0; - transition: none; - user-select: none; - } - .p-megamenu .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4c566a; + background: #e5e9f0; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; - margin-right: 0.5rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4c566a; background: #ffffff; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4C566A; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #81A1C1; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #81A1C1; - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-megamenu .p-megamenu-panel { background: #ffffff; - color: #4C566A; + color: #4c566a; border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { - border-top: 1px solid #E5E9F0; + .p-megamenu .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #ffffff; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #4C566A; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #81A1C1; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4495,21 +4487,49 @@ .p-megamenu .p-megamenu-button { width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-megamenu .p-megamenu-button:hover { - color: #81A1C1; + color: #81a1c1; background: #ffffff; } .p-megamenu .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #4c566a; + transition: none; + border-radius: 4px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #81a1c1; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4c566a; + background: #ffffff; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #81a1c1; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4518,7 +4538,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-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon { @@ -4532,39 +4552,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #4C566A; - border-radius: 0; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { + color: #4c566a; transition: none; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4c566a; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #81a1c1; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #4c566a; background: #ffffff; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4C566A; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #81A1C1; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #81A1C1; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #ffffff; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4c566a; + background: #e5e9f0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4c566a; + background: #ffffff; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4c566a; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4592,44 +4634,66 @@ .p-menu { padding: 0.25rem 0; background: #ffffff; - color: #4C566A; - border: 1px solid #E5E9F0; + color: #4c566a; + border: 1px solid #e5e9f0; border-radius: 4px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #4C566A; - border-radius: 0; + .p-menu .p-menuitem > .p-menuitem-content { + color: #4c566a; transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4c566a; + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-menu .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #81a1c1; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4c566a; background: #ffffff; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4C566A; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #81A1C1; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #81A1C1; + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #ffffff; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4c566a; + background: #e5e9f0; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #4c566a; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4c566a; + background: #ffffff; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #81a1c1; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4639,107 +4703,112 @@ .p-menu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; background: #ffffff; font-weight: 600; border-top-right-radius: 0; border-top-left-radius: 0; } .p-menu .p-menu-separator { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-menubar { padding: 0.5rem; - background: #ECEFF4; - color: #4C566A; - border: 1px solid #E5E9F0; + background: #eceff4; + color: #4c566a; + border: 1px solid #e5e9f0; border-radius: 4px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; - color: #4C566A; - border-radius: 0; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { + color: #4c566a; transition: none; + border-radius: 4px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-menubar .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #81a1c1; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4c566a; background: #ffffff; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - 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-text { + color: #4c566a; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #81A1C1; + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #81A1C1; - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-menubar .p-menuitem > .p-menuitem-content { + color: #4c566a; + transition: none; + border-radius: 0; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4c566a; padding: 0.75rem 1rem; - color: #4C566A; - border-radius: 4px; - transition: none; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #81a1c1; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #81A1C1; - margin-left: 0.5rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #4c566a; background: #ffffff; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4C566A; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #81A1C1; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #81A1C1; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #ffffff; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4c566a; + background: #e5e9f0; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #ffffff; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - 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 { + color: #4c566a; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4c566a; + background: #ffffff; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #81A1C1; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #81A1C1; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-menubar .p-submenu-list { padding: 0.25rem 0; @@ -4748,25 +4817,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { - border-top: 1px solid #E5E9F0; + .p-menubar .p-submenu-list .p-menuitem-separator { + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #81a1c1; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #81a1c1; + background: #ffffff; + } + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; background: #ffffff; + border: 0 none; + 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-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #e5e9f0; + margin: 0.25rem 0; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4776,18 +4890,18 @@ display: flex; width: 2rem; height: 2rem; - color: #81A1C1; + color: #81a1c1; border-radius: 50%; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } .p-menubar .p-menubar-button:hover { - color: #81A1C1; + color: #81a1c1; background: #ffffff; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-menubar .p-menubar-root-list { position: absolute; @@ -4799,7 +4913,7 @@ width: 100%; } .p-menubar .p-menubar-root-list .p-menu-separator { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-menubar .p-menubar-root-list .p-submenu-icon { @@ -4813,39 +4927,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; - color: #4C566A; - border-radius: 0; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { + color: #4c566a; transition: none; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4c566a; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #81a1c1; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #4c566a; background: #ffffff; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4C566A; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #81A1C1; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #81A1C1; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #ffffff; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4c566a; + background: #e5e9f0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4c566a; + background: #ffffff; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4c566a; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4894,117 +5030,150 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; - border: 1px solid #E5E9F0; - color: #4C566A; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 1px solid #e5e9f0; + color: #4c566a; background: #ffffff; - font-weight: 600; border-radius: 4px; transition: none; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #4c566a; + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #ffffff; - border-color: #E5E9F0; - color: #4C566A; + border-color: #e5e9f0; + color: #4c566a; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #ffffff; - border-color: #E5E9F0; - color: #4C566A; + border-color: #e5e9f0; + color: #4c566a; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #E5E9F0; + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-panelmenu .p-panelmenu-content { padding: 0.25rem 0; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; background: #ffffff; - color: #4C566A; + color: #4c566a; border-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; - color: #4C566A; - border-radius: 0; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { + color: #4c566a; transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4c566a; + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #81a1c1; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #4c566a; background: #ffffff; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4C566A; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #81A1C1; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #81A1C1; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #ffffff; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4c566a; + background: #e5e9f0; + } + .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: #4c566a; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4c566a; + background: #ffffff; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #81a1c1; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #e5e9f0; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } @@ -5015,44 +5184,66 @@ .p-slidemenu { padding: 0.25rem 0; background: #ffffff; - color: #4C566A; - border: 1px solid #E5E9F0; + color: #4c566a; + border: 1px solid #e5e9f0; border-radius: 4px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #4C566A; - border-radius: 0; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { + color: #4c566a; transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #4c566a; + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #81a1c1; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #4c566a; background: #ffffff; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4C566A; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #81A1C1; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #81A1C1; + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #ffffff; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4c566a; + background: #e5e9f0; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4c566a; + background: #ffffff; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4c566a; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5069,13 +5260,13 @@ background: #ffffff; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { - color: #4C566A; + color: #4c566a; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #81A1C1; + color: #81a1c1; } .p-slidemenu .p-slidemenu-separator { - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-slidemenu .p-slidemenu-icon { @@ -5087,7 +5278,7 @@ } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; @@ -5096,7 +5287,7 @@ background: #ffffff; } .p-steps .p-steps-item .p-menuitem-link .p-steps-number { - color: #4C566A; + color: #4c566a; border: 1px solid #ffffff; background: #ffffff; min-width: 2rem; @@ -5108,24 +5299,24 @@ } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; - color: #81A1C1; + color: #81a1c1; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; - color: #4C566A; + color: #4c566a; } .p-steps .p-steps-item:before { content: " "; - border-top: 1px solid #E5E9F0; + border-top: 1px solid #e5e9f0; width: 100%; top: 50%; left: 0; @@ -5135,18 +5326,18 @@ } .p-tabmenu .p-tabmenu-nav { background: #ffffff; - border: 2px solid #E5E9F0; + border: 2px solid #e5e9f0; border-width: 0 0 2px 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem { margin-right: 0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: solid #E5E9F0; + border: solid #e5e9f0; border-width: 0 0 2px 0; - border-color: transparent transparent #E5E9F0 transparent; + border-color: transparent transparent #e5e9f0 transparent; background: #ffffff; - color: #4C566A; + color: #4c566a; padding: 1rem; font-weight: 600; border-top-right-radius: 4px; @@ -5161,87 +5352,102 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.2rem #C0D0E0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; - border-color: #81A1C1; - color: #4C566A; + border-color: #81a1c1; + color: #4c566a; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #5E81AC; - color: #4C566A; + border-color: #5e81ac; + color: #4c566a; } .p-tieredmenu { padding: 0.25rem 0; background: #ffffff; - color: #4C566A; - border: 1px solid #E5E9F0; + color: #4c566a; + border: 1px solid #e5e9f0; border-radius: 4px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #4C566A; - border-radius: 0; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { + color: #4c566a; transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #4c566a; + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #81A1C1; + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #81a1c1; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #4c566a; background: #ffffff; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #4C566A; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #81A1C1; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #81A1C1; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #ffffff; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #C0D0E0; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #4c566a; + background: #e5e9f0; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #4c566a; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #4c566a; background: #ffffff; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #4c566a; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #81A1C1; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #81a1c1; } - .p-tieredmenu .p-menu-separator { - border-top: 1px solid #E5E9F0; + .p-tieredmenu .p-menuitem-separator { + border-top: 1px solid #e5e9f0; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5322,7 +5528,7 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-message.p-message-info { background: #b8d9e3; @@ -5431,7 +5637,7 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-toast .p-toast-message.p-toast-message-info { background: #b8d9e3; @@ -5476,7 +5682,7 @@ .p-galleria .p-galleria-close { margin: 0.5rem; background: transparent; - color: #ECEFF4; + color: #eceff4; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5491,11 +5697,11 @@ } .p-galleria .p-galleria-close:hover { background: rgba(255, 255, 255, 0.1); - color: #ECEFF4; + color: #eceff4; } .p-galleria .p-galleria-item-nav { background: transparent; - color: #ECEFF4; + color: #eceff4; width: 4rem; height: 4rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5513,29 +5719,29 @@ } .p-galleria .p-galleria-item-nav:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.1); - color: #ECEFF4; + color: #eceff4; } .p-galleria .p-galleria-caption { background: rgba(0, 0, 0, 0.5); - color: #ECEFF4; + color: #eceff4; padding: 1rem; } .p-galleria .p-galleria-indicators { padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #D8DEE9; + background-color: #d8dee9; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; border-radius: 50%; } .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover { - background: #81A1C1; + background: #81a1c1; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -5553,8 +5759,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #D8DEE9; - color: #2E3440; + background: #d8dee9; + color: #2e3440; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -5564,7 +5770,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next { margin: 0.5rem; background-color: transparent; - color: #ECEFF4; + color: #eceff4; width: 2rem; height: 2rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5573,7 +5779,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover, .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover { background: rgba(255, 255, 255, 0.1); - color: #ECEFF4; + color: #eceff4; } .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content { transition: none; @@ -5581,7 +5787,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); @@ -5628,7 +5834,7 @@ height: 1.5rem; } .p-avatar { - background-color: #E5E9F0; + background-color: #e5e9f0; border-radius: 4px; } .p-avatar.p-avatar-lg { @@ -5654,8 +5860,8 @@ border: 2px solid #ffffff; } .p-chip { - background-color: #E5E9F0; - color: #4C566A; + background-color: #e5e9f0; + color: #4c566a; border-radius: 16px; padding: 0 0.5rem; } @@ -5681,7 +5887,7 @@ .p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5701,21 +5907,21 @@ } .p-scrolltop .p-scrolltop-icon { font-size: 1.5rem; - color: #ECEFF4; + color: #eceff4; } .p-scrolltop .p-scrolltop-icon.p-icon { width: 1.5rem; height: 1.5rem; } .p-skeleton { - background-color: #E5E9F0; + background-color: #e5e9f0; border-radius: 4px; } .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; + background: #5e81ac; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5723,19 +5929,19 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #7FA366; + background-color: #7fa366; color: #ffffff; } .p-tag.p-tag-info { - background-color: #639BB2; + background-color: #639bb2; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #D08770; + background-color: #d08770; color: #ffffff; } .p-tag.p-tag-danger { - background-color: #BF616A; + background-color: #bf616a; color: #ffffff; } .p-tag .p-tag-icon { @@ -5753,23 +5959,23 @@ } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #ffffff; - color: #4C566A; + color: #4c566a; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #C0D0E0; + box-shadow: 0 0 0 0.2rem #c0d0e0; } .p-progressbar { border: 0 none; height: 1.5rem; - background: #E5E9F0; + background: #e5e9f0; border-radius: 4px; } .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #5E81AC; + background: #5e81ac; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5777,8 +5983,8 @@ } .p-terminal { background: #ffffff; - color: #4C566A; - border: 1px solid #E5E9F0; + color: #4c566a; + border: 1px solid #e5e9f0; padding: 1rem; } .p-terminal .p-terminal-input { @@ -5787,7 +5993,7 @@ font-size: 1rem; } .p-badge { - background: #5E81AC; + background: #5e81ac; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5796,23 +6002,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #4C566A; + background-color: #4c566a; color: #ffffff; } .p-badge.p-badge-success { - background-color: #7FA366; + background-color: #7fa366; color: #ffffff; } .p-badge.p-badge-info { - background-color: #639BB2; + background-color: #639bb2; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #D08770; + background-color: #d08770; color: #ffffff; } .p-badge.p-badge-danger { - background-color: #BF616A; + background-color: #bf616a; color: #ffffff; } .p-badge.p-badge-lg { @@ -5828,7 +6034,7 @@ line-height: 3rem; } .p-tag { - background: #5E81AC; + background: #5e81ac; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5836,192 +6042,192 @@ border-radius: 4px; } .p-tag.p-tag-success { - background-color: #7FA366; + background-color: #7fa366; color: #ffffff; } .p-tag.p-tag-info { - background-color: #639BB2; + background-color: #639bb2; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #D08770; + background-color: #d08770; color: #ffffff; } .p-tag.p-tag-danger { - background-color: #BF616A; + background-color: #bf616a; color: #ffffff; } } /* Customizations to the designer theme should be defined here */ @layer primereact { .p-inputtext:enabled:hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-inputtext:enabled:focus { background-color: #ffffff; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - background-color: #ECEFF4; + 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; + 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; + background-color: #eceff4; } .p-dropdown:not(.p-disabled):hover { - background-color: #ECEFF4; + 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; + 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; + 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; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-multiselect:not(.p-disabled):hover { - background-color: #ECEFF4; + background-color: #eceff4; } .p-button { font-weight: 500; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - background-color: #D8DEE9; + 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; + 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; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-datepicker table td > span.p-highlight { color: #ffffff; - background: #5E81AC; + background: #5e81ac; } .p-datepicker table td > span.p-highlight:hover { - background-color: #81A1C1; - border: 2px solid #5E81AC; + background-color: #81a1c1; + border: 2px solid #5e81ac; } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #ffffff; - background: #5E81AC; + background: #5e81ac; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + 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; + 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; + 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; + 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; + 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; + 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 { - border: 1px solid #5E81AC; + border: 1px solid #5e81ac; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - border: 1px solid #5E81AC; + border: 1px solid #5e81ac; } .p-datatable .p-sortable-column:not(.p-highlight):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-datatable .p-sortable-column.p-highlight { - background-color: #D8DEE9; + background-color: #d8dee9; } .p-datatable .p-sortable-column.p-highlight:hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover { - outline: 1px solid #81A1C1; + outline: 1px solid #81a1c1; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #81A1C1; + 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; + 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; + 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; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-treetable .p-sortable-column.p-highlight { - background-color: #D8DEE9; + background-color: #d8dee9; } .p-treetable .p-sortable-column.p-highlight:hover { background-color: #ffffff; - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-treetable .p-sortable-column:focus { - box-shadow: inset 0 0 0 0.2rem #C0D0E0; + box-shadow: inset 0 0 0 0.2rem #c0d0e0; outline: 0 none; } .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - outline: 1px solid #81A1C1; + 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; + 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; + 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; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - box-shadow: inset 0 0 0 0.1rem #81A1C1; + 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; + box-shadow: inset 0 0 0 0.1rem #81a1c1; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #5E81AC; + background: #5e81ac; color: #ffffff; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #5E81AC; + background: #5e81ac; color: #ffffff; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #5E81AC; + box-shadow: inset 0 2px 0 0 #5e81ac; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #5E81AC; + box-shadow: inset 0 -2px 0 0 #5e81ac; } .p-selectbutton > .p-button, .p-togglebutton.p-button { diff --git a/public/themes/nano/theme.css b/public/themes/nano/theme.css index dcd4f67ac0..ab50182a2b 100644 --- a/public/themes/nano/theme.css +++ b/public/themes/nano/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#f2f4f8; - --surface-c:#dde1e6; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#343a3f; - --text-color-secondary:#697077; - --primary-color:#1174c0; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #f2f4f8; + --surface-c: #dde1e6; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #343a3f; + --text-color-secondary: #697077; + --primary-color: #1174c0; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #eff0f0; --surface-100: #dfe0e1; @@ -32,18 +34,18 @@ --gray-700: #393d40; --gray-800: #26282b; --gray-900: #131415; - --content-padding:0.5rem; - --inline-spacing:0.5rem; - --border-radius:1px; - --surface-ground:#f2f4f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; - --surface-hover:#dde1e6; + --content-padding: 0.5rem; + --inline-spacing: 0.5rem; + --border-radius: 1px; + --surface-ground: #f2f4f8; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; + --surface-hover: #dde1e6; --focus-ring: 0 0 0 0.2rem #90c9f5; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #44A1D9; + --highlight-bg: #44a1d9; --highlight-text-color: #ffffff; color-scheme: light; } @@ -366,7 +368,7 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.125rem 0.25rem; margin-right: 0.5rem; - background: #44A1D9; + background: #44a1d9; color: #ffffff; border-radius: 1px; } @@ -401,7 +403,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -500,7 +502,7 @@ } .p-datepicker table td > span.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-datepicker table td > span:focus { outline: 0 none; @@ -514,7 +516,7 @@ } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-datepicker .p-datepicker-buttonbar { padding: 0.5rem 0; @@ -568,7 +570,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-datepicker .p-yearpicker { margin: 0.25rem 0; @@ -580,7 +582,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dee2e6; @@ -690,7 +692,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #343a3f; @@ -788,7 +790,7 @@ .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.125rem 0.25rem; margin-right: 0.5rem; - background: #44A1D9; + background: #44a1d9; color: #343a3f; border-radius: 16px; } @@ -912,7 +914,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #343a3f; @@ -1174,7 +1176,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -1225,7 +1227,7 @@ } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-multiselect { background: #ffffff; @@ -1344,7 +1346,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #343a3f; @@ -2552,7 +2554,7 @@ background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-datatable .p-paginator-top { @@ -2608,7 +2610,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #ffffff; - background: #44A1D9; + background: #44a1d9; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2682,11 +2684,11 @@ font-weight: 600; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { @@ -2694,10 +2696,10 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #44A1D9; + box-shadow: inset 0 2px 0 0 #44a1d9; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #44A1D9; + box-shadow: inset 0 -2px 0 0 #44a1d9; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #dde1e6; @@ -2796,7 +2798,7 @@ background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -2943,7 +2945,7 @@ color: #343a3f; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-column-filter-menu-button:focus-visible { @@ -2992,7 +2994,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #343a3f; @@ -3071,6 +3073,7 @@ padding: 0.25rem 0; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.25rem 0.5rem; @@ -3084,14 +3087,16 @@ background: #dde1e6; color: #343a3f; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #343a3f; + background: #d2d6db; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #1174c0; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #fcfcfc; @@ -3104,7 +3109,7 @@ color: #343a3f; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { @@ -3208,8 +3213,8 @@ border-radius: 1px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #44A1D9; - border-color: #44A1D9; + background: #44a1d9; + border-color: #44a1d9; color: #ffffff; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3273,7 +3278,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-tree { border: 1px solid #dee2e6; @@ -3326,7 +3331,7 @@ box-shadow: inset 0 0 0 0.15rem #90c9f5; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3428,7 +3433,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #ffffff; - background: #44A1D9; + background: #44a1d9; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3487,7 +3492,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -3542,7 +3547,7 @@ background: #fcfcfc; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -3807,19 +3812,15 @@ border: 1px solid #dee2e6; background: #ffffff; color: #343a3f; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #343a3f; - border-bottom-right-radius: 1px; - border-bottom-left-radius: 1px; border-top: 0 none; } .p-splitter { @@ -3842,6 +3843,11 @@ background: #f2f4f8; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #90c9f5; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -4200,142 +4206,168 @@ border-radius: 1px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.5rem 0.5rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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); + border-radius: 1px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #343a3f; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #343a3f; + padding: 0.5rem 0.5rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #697077; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #343a3f; background: #dde1e6; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #697077; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #dde1e6; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #343a3f; + background: #d2d6db; } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - 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); - border-radius: 1px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #343a3f; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #343a3f; background: #dde1e6; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 1px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #90c9f5; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4344,101 +4376,72 @@ border: 1px solid #dee2e6; border-radius: 1px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.5rem 0.5rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #343a3f; - border-radius: 1px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #343a3f; + padding: 0.5rem 0.5rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #697077; margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #343a3f; background: #dde1e6; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #697077; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #dde1e6; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #343a3f; + background: #d2d6db; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #697077; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #697077; - } - .p-megamenu .p-menuitem-link { - padding: 0.5rem 0.5rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #697077; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #697077; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #343a3f; background: #dde1e6; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #697077; - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #343a3f; border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.25rem 0.5rem; color: #343a3f; @@ -4447,23 +4450,14 @@ border-top-right-radius: 1px; border-top-left-radius: 1px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #dde1e6; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #343a3f; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #697077; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4484,8 +4478,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #90c9f5; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #343a3f; + transition: box-shadow 0.2s; + border-radius: 1px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.5rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #343a3f; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #697077; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #697077; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #343a3f; + background: #dde1e6; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #697077; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4508,39 +4530,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.5rem 0.5rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #343a3f; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #343a3f; + padding: 0.5rem 0.5rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #697077; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #343a3f; background: #dde1e6; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #697077; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #dde1e6; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #343a3f; + background: #d2d6db; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #343a3f; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #343a3f; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #343a3f; + background: #dde1e6; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #343a3f; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #697077; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4573,39 +4617,61 @@ border-radius: 1px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.5rem 0.5rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #343a3f; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #343a3f; + padding: 0.5rem 0.5rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #697077; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #343a3f; background: #dde1e6; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #697077; + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #dde1e6; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #343a3f; + background: #d2d6db; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #343a3f; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #343a3f; + background: #dde1e6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #697077; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4632,89 +4698,94 @@ border: 1px solid #dee2e6; border-radius: 1px; } - .p-menubar .p-menuitem-link { - padding: 0.5rem 0.5rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #343a3f; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 1px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.5rem 0.5rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #697077; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #343a3f; background: #dde1e6; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #697077; - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.5rem 0.5rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #343a3f; - border-radius: 1px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #343a3f; + padding: 0.5rem 0.5rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #697077; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #343a3f; background: #dde1e6; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #697077; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #dde1e6; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #343a3f; + background: #d2d6db; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #dde1e6; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #343a3f; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #343a3f; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #697077; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #343a3f; + background: #dde1e6; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { color: #697077; } .p-menubar .p-submenu-list { @@ -4724,25 +4795,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 1rem; + height: 1rem; + color: #697077; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #697077; background: #dde1e6; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #343a3f; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #90c9f5; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #697077; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 1.5rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 2.5rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 3.5rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 4.5rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 5.5rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4789,39 +4905,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.5rem 0.5rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #343a3f; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #343a3f; + padding: 0.5rem 0.5rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #697077; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #343a3f; background: #dde1e6; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #697077; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #dde1e6; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #343a3f; + background: #d2d6db; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #343a3f; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #343a3f; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #343a3f; + background: #dde1e6; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #343a3f; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #697077; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4870,42 +5008,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 0.75rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #dee2e6; color: #343a3f; background: #f2f4f8; - font-weight: 600; border-radius: 1px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #343a3f; + padding: 0.75rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #90c9f5; + box-shadow: inset 0 0 0 0.2rem #90c9f5; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #dde1e6; border-color: #dee2e6; color: #343a3f; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f2f4f8; border-color: #dee2e6; color: #343a3f; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #dee2e6; background: #dde1e6; color: #343a3f; @@ -4921,66 +5063,95 @@ border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.5rem 0.5rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #343a3f; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #343a3f; + padding: 0.5rem 0.5rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #697077; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #343a3f; background: #dde1e6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #697077; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #dde1e6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #343a3f; + background: #d2d6db; + } + .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: #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 { + color: #343a3f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #343a3f; + background: #dde1e6; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #697077; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 1px; border-top-left-radius: 1px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; } @@ -4996,39 +5167,61 @@ border-radius: 1px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.5rem 0.5rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #343a3f; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #343a3f; + padding: 0.5rem 0.5rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #697077; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #343a3f; background: #dde1e6; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #697077; + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #dde1e6; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #343a3f; + background: #d2d6db; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #343a3f; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #343a3f; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #343a3f; + background: #dde1e6; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #343a3f; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #697077; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5092,7 +5285,7 @@ box-shadow: 0 0 0 0.2rem #90c9f5; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5157,67 +5350,82 @@ border-radius: 1px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.5rem 0.5rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: #343a3f; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #343a3f; + padding: 0.5rem 0.5rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #697077; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #343a3f; background: #dde1e6; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #697077; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #dde1e6; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #90c9f5; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #343a3f; + background: #d2d6db; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #343a3f; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #343a3f; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #343a3f; background: #dde1e6; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #343a3f; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #697077; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5229,7 +5437,7 @@ border-radius: 1px; } .p-inline-message.p-inline-message-info { - background: #CDF2FB; + background: #cdf2fb; border: solid #11add3; border-width: 0px; color: #08576a; @@ -5238,7 +5446,7 @@ color: #08576a; } .p-inline-message.p-inline-message-success { - background: #D7F8D3; + background: #d7f8d3; border: solid #32c620; border-width: 0px; color: #196310; @@ -5247,7 +5455,7 @@ color: #196310; } .p-inline-message.p-inline-message-warn { - background: #FEF8D6; + background: #fef8d6; border: solid #e4c306; border-width: 0px; color: #726203; @@ -5256,7 +5464,7 @@ color: #726203; } .p-inline-message.p-inline-message-error { - background: #FDDED2; + background: #fdded2; border: solid #de450a; border-width: 0px; color: #6f2205; @@ -5301,7 +5509,7 @@ box-shadow: 0 0 0 0.2rem #90c9f5; } .p-message.p-message-info { - background: #CDF2FB; + background: #cdf2fb; border: solid #11add3; border-width: 0 0 0 6px; color: #08576a; @@ -5313,7 +5521,7 @@ color: #08576a; } .p-message.p-message-success { - background: #D7F8D3; + background: #d7f8d3; border: solid #32c620; border-width: 0 0 0 6px; color: #196310; @@ -5325,7 +5533,7 @@ color: #196310; } .p-message.p-message-warn { - background: #FEF8D6; + background: #fef8d6; border: solid #e4c306; border-width: 0 0 0 6px; color: #726203; @@ -5337,7 +5545,7 @@ color: #726203; } .p-message.p-message-error { - background: #FDDED2; + background: #fdded2; border: solid #de450a; border-width: 0 0 0 6px; color: #6f2205; @@ -5410,7 +5618,7 @@ box-shadow: 0 0 0 0.2rem #90c9f5; } .p-toast .p-toast-message.p-toast-message-info { - background: #CDF2FB; + background: #cdf2fb; border: solid #11add3; border-width: 0 0 0 6px; color: #08576a; @@ -5420,7 +5628,7 @@ color: #08576a; } .p-toast .p-toast-message.p-toast-message-success { - background: #D7F8D3; + background: #d7f8d3; border: solid #32c620; border-width: 0 0 0 6px; color: #196310; @@ -5430,7 +5638,7 @@ color: #196310; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FEF8D6; + background: #fef8d6; border: solid #e4c306; border-width: 0 0 0 6px; color: #726203; @@ -5440,7 +5648,7 @@ color: #726203; } .p-toast .p-toast-message.p-toast-message-error { - background: #FDDED2; + background: #fdded2; border: solid #de450a; border-width: 0 0 0 6px; color: #6f2205; @@ -5510,7 +5718,7 @@ background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5529,7 +5737,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #44A1D9; + background: #44a1d9; color: #ffffff; } .p-galleria .p-galleria-thumbnail-container { diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index efd0fbc001..4528c49c67 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #ffffff; --surface-b: #f4f4f4; --surface-c: #eaeaea; @@ -32,15 +34,15 @@ --gray-700: #324249; --gray-800: #222c31; --gray-900: #111618; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f4f4f4; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#c8c8c8; - --surface-hover:#eaeaea; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f4f4f4; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #c8c8c8; + --surface-hover: #eaeaea; --focus-ring: 0 0 0 0.2rem #8dcdff; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #e02365; @@ -1401,7 +1403,7 @@ background: #ffba01; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #34A835; + background: #34a835; } .p-radiobutton { width: 20px; @@ -1884,51 +1886,51 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { - background: #546E7A; + background: #546e7a; color: #ffffff; - border-color: #546E7A; + 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #B0BEC5; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { - background: #455A64; + background: #455a64; color: #ffffff; - border-color: #455A64; + 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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; @@ -1980,51 +1982,51 @@ } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #34A835; - border: 1px solid #34A835; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #107D11; + background: #107d11; color: #ffffff; - border-color: #107D11; + 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-fileupload-choose.p-button-success: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-fileupload-choose.p-button-success:not(:disabled):active { - background: #0C6B0D; + background: #0c6b0d; color: #ffffff; - border-color: #0C6B0D; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(52, 168, 53, 0.16); - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; - color: #34A835; + color: #34a835; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #333333; @@ -2032,17 +2034,17 @@ 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-fileupload-choose.p-button-warning:not(:disabled):hover { - background: #ED990B; + background: #ed990b; color: #333333; - border-color: #ED990B; + 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-fileupload-choose.p-button-warning: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-fileupload-choose.p-button-warning:not(:disabled):active { - background: #D38B10; + background: #d38b10; color: #333333; - border-color: #D38B10; + 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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; @@ -2076,51 +2078,51 @@ } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #8E24AA; + background: #8e24aa; color: #ffffff; - border-color: #8E24AA; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #7B1FA2; + background: #7b1fa2; color: #ffffff; - border-color: #7B1FA2; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; @@ -2281,31 +2283,31 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; @@ -2337,31 +2339,31 @@ } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #34A835; + color: #34a835; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(52, 168, 53, 0.16); - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #34A835; + color: #34a835; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; @@ -2393,31 +2395,31 @@ } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; @@ -3071,6 +3073,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3084,15 +3087,17 @@ background: #eaeaea; color: #333333; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #333333; + background: #d6d6d6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #ffffff; background: #e02365; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #e02365; + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f9f9f9; } @@ -3782,19 +3787,15 @@ border: 1px solid #c8c8c8; background: #ffffff; color: #333333; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #c8c8c8; background: #ffffff; color: #333333; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3817,6 +3818,11 @@ background: #f8f8f8; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + } .p-tabview .p-tabview-nav { background: transparent; border: 0 none; @@ -4175,142 +4181,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.857rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0; + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; } - .p-contextmenu .p-submenu-list { - padding: 0; - background: #ffffff; - border: 1px solid #c8c8c8; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; background: #eaeaea; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #8dcdff; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4319,101 +4351,72 @@ border: 1px solid #c8c8c8; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 3px; transition: background-color 0.2s, box-shadow 0.2s; - user-select: none; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #333333; + padding: 0.857rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; - margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #333333; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #eaeaea; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #333333; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #333333; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; } - .p-megamenu .p-menuitem-link { - padding: 0.857rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; - border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; - user-select: none; + background: #d6d6d6; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .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-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; - margin-right: 0.5rem; } - .p-megamenu .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #333333; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #333333; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #333333; border: 1px solid #c8c8c8; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.857rem; color: #333333; @@ -4422,23 +4425,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #eaeaea; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #333333; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #333333; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0; @@ -4459,8 +4453,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #333333; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #333333; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0; @@ -4483,39 +4505,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #333333; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4548,39 +4592,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.857rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #333333; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #333333; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4607,89 +4673,94 @@ border: 1px solid #c8c8c8; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; background: #eaeaea; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: #333333; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #333333; - border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #eaeaea; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #333333; + background: #eaeaea; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-submenu-list { @@ -4699,25 +4770,70 @@ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #333333; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #333333; background: #eaeaea; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #333333; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #333333; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0; + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #d8dae2; + margin: 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.571rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 4.285rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.999rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 7.713rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 9.427rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4764,39 +4880,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #333333; + background: #eaeaea; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { background: #eaeaea; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #333333; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4845,42 +4983,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 0.857rem 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #007ad9; color: #ffffff; background: #007ad9; - font-weight: 700; border-radius: 3px; transition: background-color 0.2s, box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #ffffff; + padding: 0.857rem 1rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; + box-shadow: inset 0 0 0 0.2rem #8dcdff; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #dbdbdb; border-color: #dbdbdb; color: #333333; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #007ad9; border-color: #007ad9; color: #ffffff; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #005b9f; background: #005b9f; color: #ffffff; @@ -4896,44 +5038,73 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.857rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .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: #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 { + color: #333333; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #333333; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #d8dae2; + margin: 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4947,39 +5118,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.857rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #333333; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5108,67 +5301,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.857rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0; + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #333333; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #333333; + background: #d6d6d6; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 1px solid #c8c8c8; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; } - .p-tieredmenu .p-submenu-list { - padding: 0; - background: #ffffff; - border: 1px solid #c8c8c8; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; background: #eaeaea; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5650,7 +5858,7 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-tag.p-tag-info { @@ -5723,11 +5931,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-badge.p-badge-info { @@ -5763,7 +5971,7 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-tag.p-tag-info { diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 3d64960ca9..485fd8cc41 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #ffffff; --surface-b: #f4f4f4; --surface-c: #eaeaea; @@ -32,15 +34,15 @@ --gray-700: #324249; --gray-800: #222c31; --gray-900: #111618; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f4f4f4; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#c8c8c8; - --surface-hover:#eaeaea; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f4f4f4; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #c8c8c8; + --surface-hover: #eaeaea; --focus-ring: 0 0 0 0.2rem #8dcdff; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #007ad9; @@ -1404,7 +1406,7 @@ background: #ffba01; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #34A835; + background: #34a835; } .p-radiobutton { width: 20px; @@ -1893,51 +1895,51 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { - background: #546E7A; + background: #546e7a; color: #ffffff; - border-color: #546E7A; + 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #B0BEC5; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { - background: #455A64; + background: #455a64; color: #ffffff; - border-color: #455A64; + 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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; @@ -1989,51 +1991,51 @@ } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #34A835; - border: 1px solid #34A835; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #107D11; + background: #107d11; color: #ffffff; - border-color: #107D11; + 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-fileupload-choose.p-button-success: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-fileupload-choose.p-button-success:not(:disabled):active { - background: #0C6B0D; + background: #0c6b0d; color: #ffffff; - border-color: #0C6B0D; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(52, 168, 53, 0.16); - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; - color: #34A835; + color: #34a835; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #333333; @@ -2041,17 +2043,17 @@ 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-fileupload-choose.p-button-warning:not(:disabled):hover { - background: #ED990B; + background: #ed990b; color: #333333; - border-color: #ED990B; + 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-fileupload-choose.p-button-warning: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-fileupload-choose.p-button-warning:not(:disabled):active { - background: #D38B10; + background: #d38b10; color: #333333; - border-color: #D38B10; + 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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; @@ -2085,51 +2087,51 @@ } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #8E24AA; + background: #8e24aa; color: #ffffff; - border-color: #8E24AA; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #7B1FA2; + background: #7b1fa2; color: #ffffff; - border-color: #7B1FA2; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; @@ -2290,31 +2292,31 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; @@ -2346,31 +2348,31 @@ } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #34A835; + color: #34a835; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(52, 168, 53, 0.16); - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #34A835; + color: #34a835; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; @@ -2402,31 +2404,31 @@ } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; @@ -3080,6 +3082,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3093,15 +3096,17 @@ background: #eaeaea; color: #333333; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #333333; + background: #d6d6d6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #ffffff; background: #007ad9; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #007ad9; + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f9f9f9; } @@ -3791,19 +3796,15 @@ border: 1px solid #c8c8c8; background: #ffffff; color: #333333; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #c8c8c8; background: #ffffff; color: #333333; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3826,6 +3827,11 @@ background: #f8f8f8; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + } .p-tabview .p-tabview-nav { background: transparent; border: 0 none; @@ -4184,142 +4190,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.857rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0; + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; } - .p-contextmenu .p-submenu-list { - padding: 0; - background: #ffffff; - border: 1px solid #c8c8c8; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; background: #eaeaea; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #8dcdff; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4328,101 +4360,72 @@ border: 1px solid #c8c8c8; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 3px; transition: background-color 0.2s, box-shadow 0.2s; - user-select: none; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #333333; + padding: 0.857rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; - margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #333333; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #eaeaea; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #333333; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #333333; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; } - .p-megamenu .p-menuitem-link { - padding: 0.857rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; - border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; - user-select: none; + background: #d6d6d6; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .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-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; - margin-right: 0.5rem; } - .p-megamenu .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #333333; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #333333; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #333333; border: 1px solid #c8c8c8; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.857rem; color: #333333; @@ -4431,23 +4434,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #eaeaea; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #333333; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #333333; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0; @@ -4468,8 +4462,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #333333; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #333333; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0; @@ -4492,39 +4514,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #333333; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4557,39 +4601,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.857rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #333333; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #333333; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4616,89 +4682,94 @@ border: 1px solid #c8c8c8; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; background: #eaeaea; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: #333333; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #333333; - border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #eaeaea; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #333333; + background: #eaeaea; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-submenu-list { @@ -4708,25 +4779,70 @@ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #333333; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #333333; background: #eaeaea; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #333333; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #333333; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0; + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #d8dae2; + margin: 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.571rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 4.285rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.999rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 7.713rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 9.427rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4773,39 +4889,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #333333; + background: #eaeaea; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { background: #eaeaea; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #333333; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4854,42 +4992,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 0.857rem 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #333333; color: #ffffff; background: #333333; - font-weight: 700; border-radius: 3px; transition: background-color 0.2s, box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #ffffff; + padding: 0.857rem 1rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; + box-shadow: inset 0 0 0 0.2rem #8dcdff; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #dbdbdb; border-color: #dbdbdb; color: #333333; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #007ad9; border-color: #007ad9; color: #ffffff; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #005b9f; background: #005b9f; color: #ffffff; @@ -4905,44 +5047,73 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.857rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .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: #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 { + color: #333333; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #333333; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #d8dae2; + margin: 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4956,39 +5127,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.857rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #333333; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5117,67 +5310,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.857rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0; + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #333333; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #333333; + background: #d6d6d6; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 1px solid #c8c8c8; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; } - .p-tieredmenu .p-submenu-list { - padding: 0; - background: #ffffff; - border: 1px solid #c8c8c8; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; background: #eaeaea; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5659,7 +5867,7 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-tag.p-tag-info { @@ -5732,11 +5940,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-badge.p-badge-info { @@ -5772,7 +5980,7 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-tag.p-tag-info { diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index dc5b4cf5ef..b9c4d0654b 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #ffffff; --surface-b: #f4f4f4; --surface-c: #eaeaea; @@ -32,15 +34,15 @@ --gray-700: #324249; --gray-800: #222c31; --gray-900: #111618; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f4f4f4; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#c8c8c8; - --surface-hover:#eaeaea; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f4f4f4; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #c8c8c8; + --surface-hover: #eaeaea; --focus-ring: 0 0 0 0.2rem #8dcdff; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #007ad9; @@ -1404,7 +1406,7 @@ background: #ffba01; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #34A835; + background: #34a835; } .p-radiobutton { width: 20px; @@ -1893,51 +1895,51 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { - background: #546E7A; + background: #546e7a; color: #ffffff; - border-color: #546E7A; + 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-fileupload-choose.p-button-secondary:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #B0BEC5; + 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-fileupload-choose.p-button-secondary:not(:disabled):active { - background: #455A64; + background: #455a64; color: #ffffff; - border-color: #455A64; + 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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; @@ -1989,51 +1991,51 @@ } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #34A835; - border: 1px solid #34A835; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #107D11; + background: #107d11; color: #ffffff; - border-color: #107D11; + 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-fileupload-choose.p-button-success: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-fileupload-choose.p-button-success:not(:disabled):active { - background: #0C6B0D; + background: #0c6b0d; color: #ffffff; - border-color: #0C6B0D; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(52, 168, 53, 0.16); - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; - color: #34A835; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; - color: #34A835; + color: #34a835; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #333333; @@ -2041,17 +2043,17 @@ 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-fileupload-choose.p-button-warning:not(:disabled):hover { - background: #ED990B; + background: #ed990b; color: #333333; - border-color: #ED990B; + 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-fileupload-choose.p-button-warning: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-fileupload-choose.p-button-warning:not(:disabled):active { - background: #D38B10; + background: #d38b10; color: #333333; - border-color: #D38B10; + 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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; @@ -2085,51 +2087,51 @@ } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #8E24AA; + background: #8e24aa; color: #ffffff; - border-color: #8E24AA; + 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-fileupload-choose.p-button-help:not(:disabled):focus { - box-shadow: 0 0 0 0.2rem #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):active { - background: #7B1FA2; + background: #7b1fa2; color: #ffffff; - border-color: #7B1FA2; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; @@ -2290,31 +2292,31 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; @@ -2346,31 +2348,31 @@ } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #34A835; + color: #34a835; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(52, 168, 53, 0.16); - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #34A835; + color: #34a835; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(52, 168, 53, 0.04); border-color: transparent; - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(52, 168, 53, 0.16); border-color: transparent; - color: #34A835; + color: #34a835; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; @@ -2402,31 +2404,31 @@ } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; @@ -3080,6 +3082,7 @@ padding: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3093,15 +3096,17 @@ background: #eaeaea; color: #333333; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #333333; + background: #d6d6d6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #ffffff; background: #007ad9; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #007ad9; + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f9f9f9; } @@ -3791,19 +3796,15 @@ border: 1px solid #c8c8c8; background: #ffffff; color: #333333; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #c8c8c8; background: #ffffff; color: #333333; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3826,6 +3827,11 @@ background: #f8f8f8; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; + } .p-tabview .p-tabview-nav { background: transparent; border: 0 none; @@ -4184,142 +4190,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.857rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0; + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; } - .p-contextmenu .p-submenu-list { - padding: 0; - background: #ffffff; - border: 1px solid #c8c8c8; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; background: #eaeaea; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #8dcdff; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4328,101 +4360,72 @@ border: 1px solid #c8c8c8; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 3px; transition: background-color 0.2s, box-shadow 0.2s; - user-select: none; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #333333; + padding: 0.857rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; - margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #333333; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #eaeaea; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #333333; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #333333; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; } - .p-megamenu .p-menuitem-link { - padding: 0.857rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; - border-radius: 0; - transition: background-color 0.2s, box-shadow 0.2s; - user-select: none; + background: #d6d6d6; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .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-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; - margin-right: 0.5rem; } - .p-megamenu .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #333333; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #333333; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #333333; border: 1px solid #c8c8c8; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.857rem; color: #333333; @@ -4431,23 +4434,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #eaeaea; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #333333; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #333333; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0; @@ -4468,8 +4462,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #333333; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #333333; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #333333; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0; @@ -4492,39 +4514,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #333333; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4557,39 +4601,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.857rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #333333; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #333333; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4616,89 +4682,94 @@ border: 1px solid #c8c8c8; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; background: #eaeaea; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: #333333; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #333333; - border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #eaeaea; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #333333; + background: #eaeaea; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } .p-menubar .p-submenu-list { @@ -4708,25 +4779,70 @@ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #333333; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #333333; background: #eaeaea; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #333333; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #8dcdff; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #333333; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0; + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #d8dae2; + margin: 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.571rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 4.285rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.999rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 7.713rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 9.427rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4773,39 +4889,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #333333; + background: #eaeaea; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { background: #eaeaea; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #333333; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4854,42 +4992,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 0.857rem 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #c8c8c8; color: #333333; background: #f4f4f4; - font-weight: 700; border-radius: 3px; transition: background-color 0.2s, box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #333333; + padding: 0.857rem 1rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #8dcdff; + box-shadow: inset 0 0 0 0.2rem #8dcdff; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #dbdbdb; border-color: #dbdbdb; color: #333333; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #007ad9; border-color: #007ad9; color: #ffffff; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #005b9f; background: #005b9f; color: #ffffff; @@ -4905,44 +5047,73 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.857rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .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: #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 { + color: #333333; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #333333; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #d8dae2; + margin: 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4956,39 +5127,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.857rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #333333; + background: #d6d6d6; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; + background: #eaeaea; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #333333; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5117,67 +5310,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.857rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0; + background: #ffffff; + border: 1px solid #c8c8c8; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #333333; - border-radius: 0; transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #333333; + padding: 0.857rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #333333; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #333333; background: #eaeaea; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #333333; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #8dcdff; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #333333; + background: #d6d6d6; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 1px solid #c8c8c8; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; } - .p-tieredmenu .p-submenu-list { - padding: 0; - background: #ffffff; - border: 1px solid #c8c8c8; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #333333; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #333333; background: #eaeaea; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #333333; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #333333; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #d8dae2; margin: 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5659,7 +5867,7 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-tag.p-tag-info { @@ -5732,11 +5940,11 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-badge.p-badge-info { @@ -5772,7 +5980,7 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-tag.p-tag-info { diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index dade2cebd3..7faa7814b5 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -1,6 +1,8 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; --surface-a: #ffffff; --surface-b: #f4f4f4; --surface-c: #eaeaea; @@ -9,7 +11,7 @@ --surface-f: #ffffff; --text-color: #495057; --text-color-secondary: #6c757d; - --primary-color: #7B95A3; + --primary-color: #7b95a3; --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #eef1f2; @@ -32,18 +34,18 @@ --gray-700: #324249; --gray-800: #222c31; --gray-900: #111618; - --content-padding:0.571rem 1rem; - --inline-spacing:0.5rem; - --border-radius:2px; - --surface-ground:#f4f4f4; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dadada; + --content-padding: 0.571rem 1rem; + --inline-spacing: 0.5rem; + --border-radius: 2px; + --surface-ground: #f4f4f4; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dadada; --surface-hover: #eaeaea; --focus-ring: 0 0 0 0.2rem #e4e9ec; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #AFD3C8; + --highlight-bg: #afd3c8; --highlight-text-color: #385048; color-scheme: light; } @@ -172,12 +174,12 @@ } .p-editor-container .p-editor-toolbar { - background: #7B95A3; + background: #7b95a3; border-top-right-radius: 2px; border-top-left-radius: 2px; } .p-editor-container .p-editor-toolbar.ql-snow { - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { stroke: #a6a6a6; @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #7B95A3; + color: #7b95a3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #7B95A3; + stroke: #7b95a3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #7B95A3; + fill: #7b95a3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #7B95A3; + color: #7b95a3; } @layer primereact { @@ -350,7 +352,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.2145rem 0; @@ -366,7 +368,7 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.2145rem 0.429rem; margin-right: 0.5rem; - background: #AFD3C8; + background: #afd3c8; color: #385048; border-radius: 2px; } @@ -401,7 +403,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #7B95A3; + color: #7b95a3; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -500,7 +502,7 @@ } .p-datepicker table td > span.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-datepicker table td > span:focus { outline: 0 none; @@ -514,7 +516,7 @@ } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-datepicker .p-datepicker-buttonbar { padding: 0.857rem 0 0.429rem 0; @@ -568,7 +570,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-datepicker .p-yearpicker { margin: 0.857rem 0; @@ -580,7 +582,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dadada; @@ -638,7 +640,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -690,7 +692,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; @@ -735,8 +737,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #7B95A3; - background: #7B95A3; + border-color: #7b95a3; + background: #7b95a3; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #617c8a; @@ -750,7 +752,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #617c8a; @@ -764,7 +766,7 @@ background-color: #f4f4f4; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #7B95A3; + background: #7b95a3; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f4f4f4; @@ -783,12 +785,12 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.2145rem 0.429rem; margin-right: 0.5rem; - background: #AFD3C8; + background: #afd3c8; color: #666666; border-radius: 16px; } @@ -837,7 +839,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.429rem; @@ -912,7 +914,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; @@ -1018,7 +1020,7 @@ border-radius: 30px; } .p-inputswitch .p-inputswitch-slider:before { - background: #7B95A3; + background: #7b95a3; width: 1.25rem; height: 1.25rem; left: 0.25rem; @@ -1038,13 +1040,13 @@ background: #d8dae2; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #AFD3C8; + background: #afd3c8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #385048; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #AFD3C8; + background: #afd3c8; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #e7a3a3; @@ -1068,7 +1070,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-inputtext.p-invalid.p-component { border-color: #e7a3a3; @@ -1174,7 +1176,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -1225,7 +1227,7 @@ } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-multiselect { background: #ffffff; @@ -1240,7 +1242,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.429rem; @@ -1344,7 +1346,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; @@ -1395,13 +1397,13 @@ background: #efefef; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F4B6B6; + background: #f4b6b6; } .p-password-panel .p-password-meter .p-password-strength.medium { background: #ffe38e; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #A3E2C6; + background: #a3e2c6; } .p-radiobutton { width: 20px; @@ -1423,7 +1425,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1432,8 +1434,8 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #7B95A3; - background: #7B95A3; + border-color: #7b95a3; + background: #7b95a3; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #617c8a; @@ -1453,7 +1455,7 @@ background-color: #f4f4f4; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #7B95A3; + background: #7b95a3; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #617c8a; @@ -1479,10 +1481,10 @@ box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #7B95A3; + color: #7b95a3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #7B95A3; + color: #7b95a3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #d66161; @@ -1507,8 +1509,8 @@ color: #666666; } .p-selectbutton .p-button.p-highlight { - background: #AFD3C8; - border-color: #AFD3C8; + background: #afd3c8; + border-color: #afd3c8; color: #385048; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1516,8 +1518,8 @@ color: #385048; } .p-selectbutton .p-button.p-highlight:hover { - background: #8DC8B5; - border-color: #8DC8B5; + background: #8dc8b5; + border-color: #8dc8b5; color: #385048; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1560,11 +1562,11 @@ box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-slider .p-slider-range { - background: #7B95A3; + background: #7b95a3; } .p-slider:not(.p-disabled) .p-slider-handle:hover { background: 2px solid #7f7f7f; - border-color: #7B95A3; + border-color: #7b95a3; } .p-treeselect { background: #ffffff; @@ -1579,7 +1581,7 @@ outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; - border-color: #7B95A3; + border-color: #7b95a3; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.429rem; @@ -1703,8 +1705,8 @@ color: #666666; } .p-togglebutton.p-button.p-highlight { - background: #AFD3C8; - border-color: #AFD3C8; + background: #afd3c8; + border-color: #afd3c8; color: #385048; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1712,8 +1714,8 @@ color: #385048; } .p-togglebutton.p-button.p-highlight:hover { - background: #8DC8B5; - border-color: #8DC8B5; + background: #8dc8b5; + border-color: #8dc8b5; color: #385048; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1725,8 +1727,8 @@ } .p-button { color: #ffffff; - background: #7B95A3; - border: 1px solid #7B95A3; + background: #7b95a3; + border: 1px solid #7b95a3; padding: 0.429rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1744,17 +1746,17 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #7B95A3; + color: #7b95a3; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(123, 149, 163, 0.04); - color: #7B95A3; + color: #7b95a3; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(123, 149, 163, 0.16); - color: #7B95A3; + color: #7b95a3; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1771,17 +1773,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #7B95A3; + color: #7b95a3; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(123, 149, 163, 0.04); - color: #7B95A3; + color: #7b95a3; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(123, 149, 163, 0.16); - color: #7B95A3; + color: #7b95a3; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1820,7 +1822,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #7B95A3; + color: #7b95a3; background-color: #ffffff; } .p-button.p-button-raised { @@ -1931,100 +1933,100 @@ color: #a3897b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { - color: #3D4447; - background: #A3DEF8; - border: 1px solid #79C8EB; + 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-fileupload-choose.p-button-info:not(:disabled):hover { - background: #81CBEC; - color: #3D4447; - border-color: #60B7DE; + 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-fileupload-choose.p-button-info: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-fileupload-choose.p-button-info:not(:disabled):active { background: #3ea9db; - color: #3D4447; - border-color: #2987B1; + 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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #A3DEF8; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(163, 222, 248, 0.04); - color: #A3DEF8; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(163, 222, 248, 0.16); - color: #A3DEF8; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #A3DEF8; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(163, 222, 248, 0.04); border-color: transparent; - color: #A3DEF8; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(163, 222, 248, 0.16); border-color: transparent; - color: #A3DEF8; + color: #a3def8; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { - color: #323E39; - background: #A3E2C6; - border: 1px solid #80CAAA; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #80CAAA; - color: #323E39; - border-color: #5EA285; + 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-fileupload-choose.p-button-success: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-fileupload-choose.p-button-success:not(:disabled):active { - background: #31B57C; - color: #323E39; - border-color: #5EA285; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #A3E2C6; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(163, 226, 198, 0.04); - color: #A3E2C6; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(163, 226, 198, 0.16); - color: #A3E2C6; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #A3E2C6; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(163, 226, 198, 0.04); border-color: transparent; - color: #A3E2C6; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(163, 226, 198, 0.16); border-color: transparent; - color: #A3E2C6; + color: #a3e2c6; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #333333; @@ -2124,51 +2126,51 @@ } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #262222; - background: #F4B6B6; - border: 1px solid #E38787; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #EF9999; + background: #ef9999; color: #262222; - border-color: #CB5858; + 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-fileupload-choose.p-button-danger: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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #EB5656; + background: #eb5656; color: #262222; - border-color: #B73737; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #F4B6B6; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(244, 182, 182, 0.04); - color: #F4B6B6; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(244, 182, 182, 0.16); - color: #F4B6B6; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #F4B6B6; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(244, 182, 182, 0.04); border-color: transparent; - color: #F4B6B6; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(244, 182, 182, 0.16); border-color: transparent; - color: #F4B6B6; + color: #f4b6b6; } .p-button.p-button-link { color: #617c8a; @@ -2198,16 +2200,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #7B95A3; + color: #7b95a3; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(123, 149, 163, 0.04); - color: #7B95A3; + color: #7b95a3; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(123, 149, 163, 0.16); - color: #7B95A3; + color: #7b95a3; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #a6a6a6; @@ -2223,17 +2225,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #7B95A3; + color: #7b95a3; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(123, 149, 163, 0.04); - color: #7B95A3; + color: #7b95a3; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(123, 149, 163, 0.16); - color: #7B95A3; + color: #7b95a3; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2309,59 +2311,59 @@ } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #A3DEF8; + color: #a3def8; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(163, 222, 248, 0.04); - color: #A3DEF8; + color: #a3def8; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(163, 222, 248, 0.16); - color: #A3DEF8; + color: #a3def8; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #A3DEF8; + color: #a3def8; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(163, 222, 248, 0.04); border-color: transparent; - color: #A3DEF8; + color: #a3def8; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(163, 222, 248, 0.16); border-color: transparent; - color: #A3DEF8; + color: #a3def8; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #A3E2C6; + color: #a3e2c6; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(163, 226, 198, 0.04); - color: #A3E2C6; + color: #a3e2c6; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(163, 226, 198, 0.16); - color: #A3E2C6; + color: #a3e2c6; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #A3E2C6; + color: #a3e2c6; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(163, 226, 198, 0.04); border-color: transparent; - color: #A3E2C6; + color: #a3e2c6; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(163, 226, 198, 0.16); border-color: transparent; - color: #A3E2C6; + color: #a3e2c6; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; @@ -2421,31 +2423,31 @@ } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F4B6B6; + color: #f4b6b6; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 182, 182, 0.04); - color: #F4B6B6; + color: #f4b6b6; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 182, 182, 0.16); - color: #F4B6B6; + color: #f4b6b6; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F4B6B6; + color: #f4b6b6; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 182, 182, 0.04); border-color: transparent; - color: #F4B6B6; + color: #f4b6b6; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 182, 182, 0.16); border-color: transparent; - color: #F4B6B6; + color: #f4b6b6; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2542,7 +2544,7 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #7B95A3; + background-color: #7b95a3; width: 2rem; height: 0.5rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -2552,7 +2554,7 @@ background: #617c8a; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-datatable .p-paginator-top { @@ -2564,9 +2566,9 @@ border-radius: 0; } .p-datatable .p-datatable-header { - background: #7B95A3; + background: #7b95a3; color: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; font-weight: 700; @@ -2608,7 +2610,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #385048; - background: #AFD3C8; + background: #afd3c8; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2619,14 +2621,14 @@ color: #666666; } .p-datatable .p-sortable-column.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { color: #385048; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { @@ -2682,11 +2684,11 @@ font-weight: 700; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { @@ -2694,10 +2696,10 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #AFD3C8; + box-shadow: inset 0 2px 0 0 #afd3c8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #AFD3C8; + box-shadow: inset 0 -2px 0 0 #afd3c8; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #eaeaea; @@ -2720,11 +2722,11 @@ color: #666666; } .p-datatable .p-column-resizer-helper { - background: #7B95A3; + background: #7b95a3; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { - background: #7B95A3; + 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-virtualscroller > .p-datatable-table > .p-datatable-thead, @@ -2796,7 +2798,7 @@ background: #f8f8f8; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -2850,9 +2852,9 @@ border-radius: 0; } .p-dataview .p-dataview-header { - background: #7B95A3; + background: #7b95a3; color: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; font-weight: 700; @@ -2893,9 +2895,9 @@ border-radius: 0; } .p-datascroller .p-datascroller-header { - background: #7B95A3; + background: #7b95a3; color: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; font-weight: 700; @@ -2943,7 +2945,7 @@ color: #666666; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-column-filter-menu-button:focus-visible { @@ -2992,7 +2994,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #666666; @@ -3042,9 +3044,9 @@ margin-bottom: 0.5rem; } .p-orderlist .p-orderlist-header { - background: #7B95A3; + background: #7b95a3; color: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; padding: 0.857rem 1rem; font-weight: 700; border-bottom: 0 none; @@ -3054,7 +3056,7 @@ .p-orderlist .p-orderlist-filter-container { padding: 0.857rem 1rem; background: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-bottom: 0 none; } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input { @@ -3071,6 +3073,7 @@ padding: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.429rem 0.857rem; @@ -3084,14 +3087,16 @@ background: #f4f4f4; color: #666666; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #666666; + background: #e0e0e0; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #aed3c7; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8f8; @@ -3104,7 +3109,7 @@ color: #666666; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { @@ -3208,8 +3213,8 @@ border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #AFD3C8; - border-color: #AFD3C8; + background: #afd3c8; + border-color: #afd3c8; color: #385048; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3224,9 +3229,9 @@ margin-bottom: 0.5rem; } .p-picklist .p-picklist-header { - background: #7B95A3; + background: #7b95a3; color: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; padding: 0.857rem 1rem; font-weight: 700; border-bottom: 0 none; @@ -3236,7 +3241,7 @@ .p-picklist .p-picklist-filter-container { padding: 0.857rem 1rem; background: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-bottom: 0 none; } .p-picklist .p-picklist-filter-container .p-picklist-filter-input { @@ -3273,7 +3278,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-tree { border: 1px solid #dadada; @@ -3326,7 +3331,7 @@ box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3381,9 +3386,9 @@ border-radius: 0; } .p-treetable .p-treetable-header { - background: #7B95A3; + background: #7b95a3; color: #ffffff; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-width: 1px 1px 0 1px; padding: 0.857rem 1rem; font-weight: 700; @@ -3428,7 +3433,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #385048; - background: #AFD3C8; + background: #afd3c8; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3439,7 +3444,7 @@ color: #666666; } .p-treetable .p-sortable-column.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { @@ -3487,7 +3492,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -3504,11 +3509,11 @@ color: #666666; } .p-treetable .p-column-resizer-helper { - background: #7B95A3; + background: #7b95a3; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { - background: #7B95A3; + background: #7b95a3; } .p-treetable .p-treetable-loading-icon { font-size: 2rem; @@ -3542,7 +3547,7 @@ background: #f8f8f8; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -3589,7 +3594,7 @@ border-radius: 50%; width: 1rem; height: 1rem; - background-color: #AFD3C8; + background-color: #afd3c8; } .p-timeline .p-timeline-event-connector { background-color: #c8c8c8; @@ -3610,9 +3615,9 @@ } .p-accordion .p-accordion-header .p-accordion-header-link { padding: 0.857rem 1rem; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; color: #ffffff; - background: #7B95A3; + background: #7b95a3; font-weight: 700; border-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -3631,15 +3636,15 @@ color: #ffffff; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link { - background: #AFD3C8; + background: #afd3c8; border-color: #dadada; color: #385048; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { - border-color: #8DC8B5; - background: #8DC8B5; + border-color: #8dc8b5; + background: #8dc8b5; color: #385048; } .p-accordion .p-accordion-content { @@ -3689,9 +3694,9 @@ } .p-fieldset .p-fieldset-legend { padding: 0.857rem 1rem; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; color: #ffffff; - background: #7B95A3; + background: #7b95a3; font-weight: 700; border-radius: 2px; } @@ -3745,9 +3750,9 @@ padding: 0.5rem 0; } .p-panel .p-panel-header { - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; padding: 0.857rem 1rem; - background: #7B95A3; + background: #7b95a3; color: #ffffff; border-top-right-radius: 2px; border-top-left-radius: 2px; @@ -3782,19 +3787,15 @@ border: 1px solid #dadada; background: #ffffff; color: #666666; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.571rem 1rem; border: 1px solid #dadada; background: #ffffff; color: #666666; - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; border-top: 0 none; } .p-splitter { @@ -3817,6 +3818,11 @@ background: #f8f8f8; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #e4e9ec; + } .p-tabview .p-tabview-nav { background: transparent; border: 0 none; @@ -3826,10 +3832,10 @@ margin-right: 2px; } .p-tabview .p-tabview-nav li .p-tabview-nav-link { - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-width: 1px; - border-color: #7B95A3; - background: #7B95A3; + border-color: #7b95a3; + background: #7b95a3; color: #ffffff; padding: 0.857rem 1rem; font-weight: 700; @@ -3849,7 +3855,7 @@ color: #ffffff; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #AFD3C8; + background: #afd3c8; border-color: #dadada; color: #385048; } @@ -3857,7 +3863,7 @@ margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { - background: #AFD3C8; + background: #afd3c8; color: #385048; width: 2.357rem; 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); @@ -3877,8 +3883,8 @@ border-bottom-left-radius: 2px; } .p-toolbar { - background: #7B95A3; - border: 1px solid #7B95A3; + background: #7b95a3; + border: 1px solid #7b95a3; padding: 0.857rem 1rem; border-radius: 2px; gap: 0.5rem; @@ -3939,8 +3945,8 @@ border: 1px solid #f1f1f1; } .p-dialog .p-dialog-header { - border-bottom: 1px solid #7B95A3; - background: #7B95A3; + border-bottom: 1px solid #7b95a3; + background: #7b95a3; color: #ffffff; padding: 1rem; border-top-right-radius: 2px; @@ -4019,7 +4025,7 @@ padding: 0.571rem 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #7B95A3; + background: #7b95a3; color: #ffffff; width: 2rem; height: 2rem; @@ -4087,28 +4093,28 @@ padding: 0.571rem 1rem; } .p-tooltip .p-tooltip-text { - background: #AFD3C8; + background: #afd3c8; color: #385048; padding: 0.429rem 0.429rem; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16); border-radius: 2px; } .p-tooltip.p-tooltip-right .p-tooltip-arrow { - border-right-color: #AFD3C8; + border-right-color: #afd3c8; } .p-tooltip.p-tooltip-left .p-tooltip-arrow { - border-left-color: #AFD3C8; + border-left-color: #afd3c8; } .p-tooltip.p-tooltip-top .p-tooltip-arrow { - border-top-color: #AFD3C8; + border-top-color: #afd3c8; } .p-tooltip.p-tooltip-bottom .p-tooltip-arrow { - border-bottom-color: #AFD3C8; + border-bottom-color: #afd3c8; } .p-fileupload .p-fileupload-buttonbar { - background: #7B95A3; + background: #7b95a3; padding: 0.857rem 1rem; - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; color: #ffffff; border-bottom: 0 none; border-top-right-radius: 2px; @@ -4175,142 +4181,168 @@ border-radius: 2px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.857rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0; + background: #ffffff; + border: 1px solid #eaeaea; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + border-radius: 2px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #666666; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #666666; + padding: 0.857rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #666666; background: #eaeaea; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #666666; + background: #e0e0e0; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #666666; } - .p-contextmenu .p-submenu-list { - padding: 0; - background: #ffffff; - border: 1px solid #eaeaea; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); - border-radius: 2px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #666666; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #666666; background: #eaeaea; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #dadada; margin: 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 2px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e4e9ec; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4319,101 +4351,72 @@ border: 1px solid #c8c8c8; border-radius: 2px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #666666; - border-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - user-select: none; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #666666; + padding: 0.857rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; - margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #666666; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #eaeaea; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #666666; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #666666; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #666666; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; } - .p-megamenu .p-menuitem-link { - padding: 0.857rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #666666; - border-radius: 0; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - user-select: none; + background: #e0e0e0; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-megamenu .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-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; - margin-right: 0.5rem; } - .p-megamenu .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #666666; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: #eaeaea; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #666666; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #666666; border: 1px solid #eaeaea; box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.857rem; color: #666666; @@ -4422,23 +4425,14 @@ border-top-right-radius: 2px; border-top-left-radius: 2px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dadada; margin: 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #eaeaea; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #666666; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #666666; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0; @@ -4459,8 +4453,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #e4e9ec; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #666666; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #666666; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #666666; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #666666; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #666666; + background: #eaeaea; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #666666; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0; @@ -4483,39 +4505,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #666666; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #666666; + padding: 0.857rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #666666; background: #eaeaea; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #666666; + background: #e0e0e0; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #666666; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #666666; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #666666; + background: #eaeaea; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #666666; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #666666; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4548,39 +4592,61 @@ border-radius: 2px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.857rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #666666; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #666666; + padding: 0.857rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #666666; background: #eaeaea; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #666666; + background: #e0e0e0; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #666666; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #666666; + background: #eaeaea; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #666666; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4607,89 +4673,94 @@ border: 1px solid #c8c8c8; border-radius: 2px; } - .p-menubar .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #666666; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 2px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.857rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #666666; background: #eaeaea; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: #666666; + transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #666666; - border-radius: 2px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #666666; background: #eaeaea; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #666666; + background: #e0e0e0; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #666666; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #eaeaea; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #666666; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #666666; + background: #eaeaea; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } .p-menubar .p-submenu-list { @@ -4699,25 +4770,70 @@ box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dadada; margin: 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #666666; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #666666; background: #eaeaea; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #666666; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #e4e9ec; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #666666; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0; + background: #ffffff; + border: 1px solid #eaeaea; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #dadada; + margin: 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.571rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 4.285rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.999rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 7.713rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 9.427rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4764,39 +4880,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #666666; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #666666; + padding: 0.857rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #666666; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #666666; + background: #eaeaea; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #666666; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { background: #eaeaea; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #666666; + background: #e0e0e0; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #666666; + background: #eaeaea; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #666666; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #666666; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4845,44 +4983,48 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 0.857rem 1rem; - border: 1px solid #7B95A3; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { + border: 1px solid #7b95a3; color: #ffffff; - background: #7B95A3; - font-weight: 700; + background: #7b95a3; border-radius: 2px; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #ffffff; + padding: 0.857rem 1rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #e4e9ec; + box-shadow: inset 0 0 0 0.2rem #e4e9ec; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #617c8a; border-color: #617c8a; color: #ffffff; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { - background: #AFD3C8; + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { + background: #afd3c8; border-color: #dadada; color: #385048; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { - border-color: #8DC8B5; - background: #8DC8B5; + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { + border-color: #8dc8b5; + background: #8dc8b5; color: #385048; } .p-panelmenu .p-panelmenu-content { @@ -4896,44 +5038,73 @@ border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.857rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #666666; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #666666; + padding: 0.857rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #666666; background: #eaeaea; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #666666; + background: #e0e0e0; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; + .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: #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 { + color: #666666; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #666666; + background: #eaeaea; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #666666; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #dadada; + margin: 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4947,39 +5118,61 @@ border-radius: 2px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.857rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #666666; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #666666; + padding: 0.857rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #666666; background: #eaeaea; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #666666; + background: #e0e0e0; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #666666; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #666666; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #666666; + background: #eaeaea; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #666666; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #666666; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5043,7 +5236,7 @@ box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5069,10 +5262,10 @@ margin-right: 2px; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link { - border: 1px solid #7B95A3; + border: 1px solid #7b95a3; border-width: 1px; - border-color: #7B95A3; - background: #7B95A3; + border-color: #7b95a3; + background: #7b95a3; color: #ffffff; padding: 0.857rem 1rem; font-weight: 700; @@ -5096,7 +5289,7 @@ color: #ffffff; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #AFD3C8; + background: #afd3c8; border-color: #dadada; color: #385048; } @@ -5108,67 +5301,82 @@ border-radius: 2px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.857rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 1px solid #eaeaea; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0; + background: #ffffff; + border: 1px solid #eaeaea; + box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #666666; - border-radius: 0; transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #666666; + padding: 0.857rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #666666; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #666666; background: #eaeaea; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #666666; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e4e9ec; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #666666; + background: #e0e0e0; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 1px solid #eaeaea; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #666666; } - .p-tieredmenu .p-submenu-list { - padding: 0; - background: #ffffff; - border: 1px solid #eaeaea; - box-shadow: 0 0px 6px 0 rgba(0, 0, 0, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #666666; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #666666; background: #eaeaea; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #666666; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #666666; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #dadada; margin: 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5180,8 +5388,8 @@ border-radius: 2px; } .p-inline-message.p-inline-message-info { - background: #A3DEF8; - border: 1px solid #79C8EB; + background: #a3def8; + border: 1px solid #79c8eb; border-width: 1px; color: #212121; } @@ -5189,8 +5397,8 @@ color: #212121; } .p-inline-message.p-inline-message-success { - background: #A3E2C6; - border: 1px solid #A3E2C6; + background: #a3e2c6; + border: 1px solid #a3e2c6; border-width: 1px; color: #212121; } @@ -5252,8 +5460,8 @@ box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-message.p-message-info { - background: #A3DEF8; - border: 1px solid #79C8EB; + background: #a3def8; + border: 1px solid #79c8eb; border-width: 1px; color: #212121; } @@ -5264,8 +5472,8 @@ color: #212121; } .p-message.p-message-success { - background: #A3E2C6; - border: 1px solid #A3E2C6; + background: #a3e2c6; + border: 1px solid #a3e2c6; border-width: 1px; color: #212121; } @@ -5361,8 +5569,8 @@ box-shadow: 0 0 0 0.2rem #e4e9ec; } .p-toast .p-toast-message.p-toast-message-info { - background: #A3DEF8; - border: 1px solid #79C8EB; + background: #a3def8; + border: 1px solid #79c8eb; border-width: 1px; color: #212121; } @@ -5371,8 +5579,8 @@ color: #212121; } .p-toast .p-toast-message.p-toast-message-success { - background: #A3E2C6; - border: 1px solid #A3E2C6; + background: #a3e2c6; + border: 1px solid #a3e2c6; border-width: 1px; color: #212121; } @@ -5451,7 +5659,7 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #7B95A3; + background-color: #7b95a3; width: 1rem; height: 1rem; transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; @@ -5461,7 +5669,7 @@ background: #617c8a; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5480,7 +5688,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #AFD3C8; + background: #afd3c8; color: #385048; } .p-galleria .p-galleria-thumbnail-container { @@ -5642,7 +5850,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { - background: #7B95A3; + background: #7b95a3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5650,19 +5858,19 @@ border-radius: 2px; } .p-tag.p-tag-success { - background-color: #A3E2C6; - color: #323E39; + background-color: #a3e2c6; + color: #323e39; } .p-tag.p-tag-info { - background-color: #A3DEF8; - color: #3D4447; + background-color: #a3def8; + color: #3d4447; } .p-tag.p-tag-warning { background-color: #ffe38e; color: #333333; } .p-tag.p-tag-danger { - background-color: #F4B6B6; + background-color: #f4b6b6; color: #262222; } .p-tag .p-tag-icon { @@ -5696,7 +5904,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #7B95A3; + background: #7b95a3; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5714,7 +5922,7 @@ font-size: 1rem; } .p-badge { - background: #7B95A3; + background: #7b95a3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5727,19 +5935,19 @@ color: #ffffff; } .p-badge.p-badge-success { - background-color: #A3E2C6; - color: #323E39; + background-color: #a3e2c6; + color: #323e39; } .p-badge.p-badge-info { - background-color: #A3DEF8; - color: #3D4447; + background-color: #a3def8; + color: #3d4447; } .p-badge.p-badge-warning { background-color: #ffe38e; color: #333333; } .p-badge.p-badge-danger { - background-color: #F4B6B6; + background-color: #f4b6b6; color: #262222; } .p-badge.p-badge-lg { @@ -5755,7 +5963,7 @@ line-height: 3rem; } .p-tag { - background: #7B95A3; + background: #7b95a3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5763,19 +5971,19 @@ border-radius: 2px; } .p-tag.p-tag-success { - background-color: #A3E2C6; - color: #323E39; + background-color: #a3e2c6; + color: #323e39; } .p-tag.p-tag-info { - background-color: #A3DEF8; - color: #3D4447; + background-color: #a3def8; + color: #3d4447; } .p-tag.p-tag-warning { background-color: #ffe38e; color: #333333; } .p-tag.p-tag-danger { - background-color: #F4B6B6; + background-color: #f4b6b6; color: #262222; } } diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 71abd3400f..ee231ba253 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -1,49 +1,51 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#2196F3; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #f8f9fa; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #495057; + --text-color-secondary: #6c757d; + --primary-color: #2196f3; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f8f9fa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f8f9fa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; --surface-hover: #e9ecef; --focus-ring: 0 0 0 0.2rem #a6d5fa; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #E3F2FD; + --highlight-bg: #e3f2fd; --highlight-text-color: #495057; color-scheme: light; } @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #2196F3; + color: #2196f3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #2196F3; + stroke: #2196f3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #2196F3; + fill: #2196f3; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #2196F3; + color: #2196f3; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #2196F3; + border-color: #2196f3; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; + border-color: #2196f3; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; @@ -366,7 +368,7 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #E3F2FD; + background: #e3f2fd; color: #495057; border-radius: 3px; } @@ -401,7 +403,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #2196F3; + color: #2196f3; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -500,7 +502,7 @@ } .p-datepicker table td > span.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; } .p-datepicker table td > span:focus { outline: 0 none; @@ -514,7 +516,7 @@ } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -568,7 +570,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -580,7 +582,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dee2e6; @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #2196F3; + border-color: #2196f3; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; + border-color: #2196f3; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -690,7 +692,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -735,8 +737,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #2196F3; - background: #2196F3; + border-color: #2196f3; + background: #2196f3; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #0b7ad1; @@ -744,13 +746,13 @@ color: #ffffff; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #2196F3; + border-color: #2196f3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; + border-color: #2196f3; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #0b7ad1; @@ -764,7 +766,7 @@ background-color: #f8f9fa; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #2196F3; + background: #2196f3; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f8f9fa; @@ -777,18 +779,18 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #2196F3; + border-color: #2196f3; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; + border-color: #2196f3; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #E3F2FD; + background: #e3f2fd; color: #495057; border-radius: 16px; } @@ -831,13 +833,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #2196F3; + border-color: #2196f3; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; + border-color: #2196f3; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -912,7 +914,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -1038,7 +1040,7 @@ background: #b6bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #2196F3; + background: #2196f3; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; @@ -1062,13 +1064,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #2196F3; + border-color: #2196f3; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; + border-color: #2196f3; } .p-inputtext.p-invalid.p-component { border-color: #f44336; @@ -1174,7 +1176,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -1225,7 +1227,7 @@ } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; } .p-multiselect { background: #ffffff; @@ -1234,13 +1236,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #2196F3; + border-color: #2196f3; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; + border-color: #2196f3; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.5rem; @@ -1344,7 +1346,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -1395,13 +1397,13 @@ background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } .p-radiobutton { width: 20px; @@ -1417,13 +1419,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #2196F3; + border-color: #2196f3; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; + border-color: #2196f3; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1432,8 +1434,8 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #2196F3; - background: #2196F3; + border-color: #2196f3; + background: #2196f3; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #0b7ad1; @@ -1453,7 +1455,7 @@ background-color: #f8f9fa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #2196F3; + background: #2196f3; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #0b7ad1; @@ -1479,10 +1481,10 @@ box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #2196F3; + color: #2196f3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #2196F3; + color: #2196f3; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; @@ -1507,8 +1509,8 @@ color: #6c757d; } .p-selectbutton .p-button.p-highlight { - background: #2196F3; - border-color: #2196F3; + background: #2196f3; + border-color: #2196f3; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1550,7 +1552,7 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #2196F3; + border: 2px solid #2196f3; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1560,11 +1562,11 @@ box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-slider .p-slider-range { - background: #2196F3; + background: #2196f3; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #2196F3; - border-color: #2196F3; + background: #2196f3; + border-color: #2196f3; } .p-treeselect { background: #ffffff; @@ -1573,13 +1575,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #2196F3; + border-color: #2196f3; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; - border-color: #2196F3; + border-color: #2196f3; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.5rem; @@ -1703,8 +1705,8 @@ color: #6c757d; } .p-togglebutton.p-button.p-highlight { - background: #2196F3; - border-color: #2196F3; + background: #2196f3; + border-color: #2196f3; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1725,8 +1727,8 @@ } .p-button { color: #ffffff; - background: #2196F3; - border: 1px solid #2196F3; + background: #2196f3; + border: 1px solid #2196f3; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1744,17 +1746,17 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1771,17 +1773,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1820,7 +1822,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #2196F3; + color: #2196f3; background-color: #ffffff; } .p-button.p-button-raised { @@ -1884,8 +1886,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #56717d; @@ -1902,38 +1904,38 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; - background: #0288D1; - border: 1px solid #0288D1; + 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-fileupload-choose.p-button-info:not(:disabled):hover { background: #027abc; @@ -1950,38 +1952,38 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #689F38; - border: 1px solid #689F38; + 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-fileupload-choose.p-button-success:not(:disabled):hover { background: #5e8f32; @@ -1998,38 +2000,38 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212529; - background: #FBC02D; - border: 1px solid #FBC02D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { background: #fab710; @@ -2046,38 +2048,38 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + 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-fileupload-choose.p-button-help:not(:disabled):hover { background: #8c239e; @@ -2094,38 +2096,38 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #D32F2F; - border: 1px solid #D32F2F; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { background: #c02929; @@ -2142,33 +2144,33 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { color: #0b7ad1; @@ -2198,16 +2200,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6c757d; @@ -2223,17 +2225,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #2196F3; + color: #2196f3; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(33, 150, 243, 0.04); - color: #2196F3; + color: #2196f3; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(33, 150, 243, 0.16); - color: #2196F3; + color: #2196f3; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2281,171 +2283,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2552,7 +2554,7 @@ background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #E3F2FD; + background: #e3f2fd; color: #495057; } .p-datatable .p-paginator-top { @@ -2608,7 +2610,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #495057; - background: #E3F2FD; + background: #e3f2fd; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2620,17 +2622,17 @@ } .p-datatable .p-sortable-column.p-highlight { background: #f8f9fa; - color: #2196F3; + color: #2196f3; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #2196F3; + color: #2196f3; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: #e9ecef; - color: #2196F3; + color: #2196f3; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #2196F3; + color: #2196f3; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #a6d5fa; @@ -2682,11 +2684,11 @@ font-weight: 600; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #E3F2FD; + background: #e3f2fd; color: #495057; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #E3F2FD; + background: #e3f2fd; color: #495057; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { @@ -2694,10 +2696,10 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #E3F2FD; + box-shadow: inset 0 2px 0 0 #e3f2fd; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #E3F2FD; + box-shadow: inset 0 -2px 0 0 #e3f2fd; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #e9ecef; @@ -2720,7 +2722,7 @@ color: #495057; } .p-datatable .p-column-resizer-helper { - background: #2196F3; + background: #2196f3; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2796,7 +2798,7 @@ background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #E3F2FD; + background: #e3f2fd; color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -2943,7 +2945,7 @@ color: #495057; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #E3F2FD; + background: #e3f2fd; color: #495057; } .p-column-filter-menu-button:focus-visible { @@ -2992,7 +2994,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -3071,6 +3073,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3084,14 +3087,16 @@ background: #e9ecef; color: #495057; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #495057; + background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(33, 150, 243, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #e9ecef; @@ -3104,7 +3109,7 @@ color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #E3F2FD; + background: #e3f2fd; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { @@ -3208,8 +3213,8 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #E3F2FD; - border-color: #E3F2FD; + background: #e3f2fd; + border-color: #e3f2fd; color: #495057; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3273,7 +3278,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; } .p-tree { border: 1px solid #dee2e6; @@ -3326,7 +3331,7 @@ box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #E3F2FD; + background: #e3f2fd; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3428,7 +3433,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #495057; - background: #E3F2FD; + background: #e3f2fd; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3440,10 +3445,10 @@ } .p-treetable .p-sortable-column.p-highlight { background: #f8f9fa; - color: #2196F3; + color: #2196f3; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #2196F3; + color: #2196f3; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; @@ -3487,7 +3492,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #E3F2FD; + background: #e3f2fd; color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -3504,7 +3509,7 @@ color: #495057; } .p-treetable .p-column-resizer-helper { - background: #2196F3; + background: #2196f3; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3542,7 +3547,7 @@ background: #fcfcfc; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #E3F2FD; + background: #e3f2fd; color: #495057; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -3585,7 +3590,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #2196F3; + border: 2px solid #2196f3; border-radius: 50%; width: 1rem; height: 1rem; @@ -3807,19 +3812,15 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3842,6 +3843,11 @@ background: #f8f9fa; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -3875,15 +3881,15 @@ } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #2196F3; - color: #2196F3; + border-color: #2196f3; + color: #2196f3; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #2196F3; + color: #2196f3; width: 2.357rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; @@ -4044,7 +4050,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #2196F3; + background: #2196f3; color: #ffffff; width: 2rem; height: 2rem; @@ -4200,142 +4206,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - 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); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #495057; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a6d5fa; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4344,101 +4376,72 @@ border: 1px solid #dee2e6; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; + background: #dee2e6; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #495057; border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #495057; @@ -4447,23 +4450,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4484,8 +4478,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #a6d5fa; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #6c757d; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4508,39 +4530,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4573,39 +4617,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #495057; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6c757d; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4632,89 +4698,94 @@ border: 1px solid #dee2e6; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { @@ -4724,25 +4795,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #6c757d; background: #e9ecef; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #a6d5fa; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4789,39 +4905,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4870,42 +5008,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; - font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #495057; + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #a6d5fa; + box-shadow: inset 0 0 0 0.2rem #a6d5fa; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #e9ecef; border-color: #dee2e6; color: #495057; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f8f9fa; border-color: #dee2e6; color: #495057; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #dee2e6; background: #e9ecef; color: #495057; @@ -4921,66 +5063,95 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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: #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 { + color: #495057; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6c757d; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @@ -4996,39 +5167,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5092,7 +5285,7 @@ box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #E3F2FD; + background: #e3f2fd; color: #495057; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5146,8 +5339,8 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #2196F3; - color: #2196F3; + border-color: #2196f3; + color: #2196f3; } .p-tieredmenu { padding: 0.25rem 0; @@ -5157,67 +5350,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a6d5fa; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5229,7 +5437,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0px; color: #044868; @@ -5238,7 +5446,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0px; color: #224a23; @@ -5247,7 +5455,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0px; color: #6d5100; @@ -5256,7 +5464,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0px; color: #73000c; @@ -5301,7 +5509,7 @@ box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5313,7 +5521,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5325,7 +5533,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5337,7 +5545,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5410,7 +5618,7 @@ box-shadow: 0 0 0 0.2rem #a6d5fa; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5420,7 +5628,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5430,7 +5638,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5440,7 +5648,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5510,7 +5718,7 @@ background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #E3F2FD; + background: #e3f2fd; color: #495057; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5529,7 +5737,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #E3F2FD; + background: #e3f2fd; color: #495057; } .p-galleria .p-galleria-thumbnail-container { @@ -5691,7 +5899,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { - background: #2196F3; + background: #2196f3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5699,19 +5907,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { @@ -5745,7 +5953,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #2196F3; + background: #2196f3; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5763,7 +5971,7 @@ font-size: 1rem; } .p-badge { - background: #2196F3; + background: #2196f3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5772,23 +5980,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -5804,7 +6012,7 @@ line-height: 3rem; } .p-tag { - background: #2196F3; + background: #2196f3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5812,34 +6020,34 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } } /* Customizations to the designer theme should be defined here */ @layer primereact { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #2196F3; + background-color: #2196f3; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #2196F3; + background-color: #2196f3; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #2196F3; + box-shadow: inset 0 2px 0 0 #2196f3; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #2196F3; + box-shadow: inset 0 -2px 0 0 #2196f3; } } diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index 8f4de593d3..3364b44a96 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -1,49 +1,51 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#4CAF50; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #f8f9fa; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #495057; + --text-color-secondary: #6c757d; + --primary-color: #4caf50; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f8f9fa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f8f9fa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; --surface-hover: #e9ecef; --focus-ring: 0 0 0 0.2rem #b7e0b8; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #E8F5E9; + --highlight-bg: #e8f5e9; --highlight-text-color: #495057; color-scheme: light; } @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #4CAF50; + color: #4caf50; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #4CAF50; + stroke: #4caf50; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #4CAF50; + fill: #4caf50; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #4CAF50; + color: #4caf50; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #4CAF50; + border-color: #4caf50; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; + border-color: #4caf50; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; @@ -366,7 +368,7 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #E8F5E9; + background: #e8f5e9; color: #495057; border-radius: 3px; } @@ -401,7 +403,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #4CAF50; + color: #4caf50; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -500,7 +502,7 @@ } .p-datepicker table td > span.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; } .p-datepicker table td > span:focus { outline: 0 none; @@ -514,7 +516,7 @@ } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -568,7 +570,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -580,7 +582,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dee2e6; @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #4CAF50; + border-color: #4caf50; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; + border-color: #4caf50; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -690,7 +692,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -735,8 +737,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #4CAF50; - background: #4CAF50; + border-color: #4caf50; + background: #4caf50; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #3d8c40; @@ -744,13 +746,13 @@ color: #ffffff; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #4CAF50; + border-color: #4caf50; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; + border-color: #4caf50; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #3d8c40; @@ -764,7 +766,7 @@ background-color: #f8f9fa; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #4CAF50; + background: #4caf50; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f8f9fa; @@ -777,18 +779,18 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #4CAF50; + border-color: #4caf50; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; + border-color: #4caf50; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #E8F5E9; + background: #e8f5e9; color: #495057; border-radius: 16px; } @@ -831,13 +833,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #4CAF50; + border-color: #4caf50; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; + border-color: #4caf50; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -912,7 +914,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -1038,7 +1040,7 @@ background: #b6bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #4CAF50; + background: #4caf50; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; @@ -1062,13 +1064,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #4CAF50; + border-color: #4caf50; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; + border-color: #4caf50; } .p-inputtext.p-invalid.p-component { border-color: #f44336; @@ -1174,7 +1176,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -1225,7 +1227,7 @@ } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; } .p-multiselect { background: #ffffff; @@ -1234,13 +1236,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #4CAF50; + border-color: #4caf50; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; + border-color: #4caf50; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.5rem; @@ -1344,7 +1346,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -1395,13 +1397,13 @@ background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } .p-radiobutton { width: 20px; @@ -1417,13 +1419,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #4CAF50; + border-color: #4caf50; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; + border-color: #4caf50; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1432,8 +1434,8 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #4CAF50; - background: #4CAF50; + border-color: #4caf50; + background: #4caf50; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #3d8c40; @@ -1453,7 +1455,7 @@ background-color: #f8f9fa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #4CAF50; + background: #4caf50; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #3d8c40; @@ -1479,10 +1481,10 @@ box-shadow: 0 0 0 0.2rem #b7e0b8; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #4CAF50; + color: #4caf50; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #4CAF50; + color: #4caf50; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; @@ -1507,8 +1509,8 @@ color: #6c757d; } .p-selectbutton .p-button.p-highlight { - background: #4CAF50; - border-color: #4CAF50; + background: #4caf50; + border-color: #4caf50; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1550,7 +1552,7 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #4CAF50; + border: 2px solid #4caf50; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1560,11 +1562,11 @@ box-shadow: 0 0 0 0.2rem #b7e0b8; } .p-slider .p-slider-range { - background: #4CAF50; + background: #4caf50; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #4CAF50; - border-color: #4CAF50; + background: #4caf50; + border-color: #4caf50; } .p-treeselect { background: #ffffff; @@ -1573,13 +1575,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #4CAF50; + border-color: #4caf50; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; - border-color: #4CAF50; + border-color: #4caf50; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.5rem; @@ -1703,8 +1705,8 @@ color: #6c757d; } .p-togglebutton.p-button.p-highlight { - background: #4CAF50; - border-color: #4CAF50; + background: #4caf50; + border-color: #4caf50; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1725,8 +1727,8 @@ } .p-button { color: #ffffff; - background: #4CAF50; - border: 1px solid #4CAF50; + background: #4caf50; + border: 1px solid #4caf50; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1744,17 +1746,17 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #4CAF50; + color: #4caf50; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); - color: #4CAF50; + color: #4caf50; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(76, 175, 80, 0.16); - color: #4CAF50; + color: #4caf50; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1771,17 +1773,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #4CAF50; + color: #4caf50; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); - color: #4CAF50; + color: #4caf50; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(76, 175, 80, 0.16); - color: #4CAF50; + color: #4caf50; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1820,7 +1822,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #4CAF50; + color: #4caf50; background-color: #ffffff; } .p-button.p-button-raised { @@ -1884,8 +1886,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #56717d; @@ -1902,38 +1904,38 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; - background: #0288D1; - border: 1px solid #0288D1; + 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-fileupload-choose.p-button-info:not(:disabled):hover { background: #027abc; @@ -1950,38 +1952,38 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #689F38; - border: 1px solid #689F38; + 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-fileupload-choose.p-button-success:not(:disabled):hover { background: #5e8f32; @@ -1998,38 +2000,38 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212529; - background: #FBC02D; - border: 1px solid #FBC02D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { background: #fab710; @@ -2046,38 +2048,38 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + 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-fileupload-choose.p-button-help:not(:disabled):hover { background: #8c239e; @@ -2094,38 +2096,38 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #D32F2F; - border: 1px solid #D32F2F; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { background: #c02929; @@ -2142,33 +2144,33 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { color: #3d8c40; @@ -2198,16 +2200,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #4CAF50; + color: #4caf50; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); - color: #4CAF50; + color: #4caf50; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.16); - color: #4CAF50; + color: #4caf50; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6c757d; @@ -2223,17 +2225,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #4CAF50; + color: #4caf50; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(76, 175, 80, 0.04); - color: #4CAF50; + color: #4caf50; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(76, 175, 80, 0.16); - color: #4CAF50; + color: #4caf50; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2281,171 +2283,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2552,7 +2554,7 @@ background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #E8F5E9; + background: #e8f5e9; color: #495057; } .p-datatable .p-paginator-top { @@ -2608,7 +2610,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #495057; - background: #E8F5E9; + background: #e8f5e9; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2620,17 +2622,17 @@ } .p-datatable .p-sortable-column.p-highlight { background: #f8f9fa; - color: #4CAF50; + color: #4caf50; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4CAF50; + color: #4caf50; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: #e9ecef; - color: #4CAF50; + color: #4caf50; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #4CAF50; + color: #4caf50; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #b7e0b8; @@ -2682,11 +2684,11 @@ font-weight: 600; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #E8F5E9; + background: #e8f5e9; color: #495057; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #E8F5E9; + background: #e8f5e9; color: #495057; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { @@ -2694,10 +2696,10 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #E8F5E9; + box-shadow: inset 0 2px 0 0 #e8f5e9; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #E8F5E9; + box-shadow: inset 0 -2px 0 0 #e8f5e9; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #e9ecef; @@ -2720,7 +2722,7 @@ color: #495057; } .p-datatable .p-column-resizer-helper { - background: #4CAF50; + background: #4caf50; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2796,7 +2798,7 @@ background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #E8F5E9; + background: #e8f5e9; color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -2943,7 +2945,7 @@ color: #495057; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #E8F5E9; + background: #e8f5e9; color: #495057; } .p-column-filter-menu-button:focus-visible { @@ -2992,7 +2994,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -3071,6 +3073,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3084,14 +3087,16 @@ background: #e9ecef; color: #495057; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #495057; + background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(76, 175, 80, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #e9ecef; @@ -3104,7 +3109,7 @@ color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #E8F5E9; + background: #e8f5e9; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { @@ -3208,8 +3213,8 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #E8F5E9; - border-color: #E8F5E9; + background: #e8f5e9; + border-color: #e8f5e9; color: #495057; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3273,7 +3278,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; } .p-tree { border: 1px solid #dee2e6; @@ -3326,7 +3331,7 @@ box-shadow: inset 0 0 0 0.15rem #b7e0b8; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #E8F5E9; + background: #e8f5e9; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3428,7 +3433,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #495057; - background: #E8F5E9; + background: #e8f5e9; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3440,10 +3445,10 @@ } .p-treetable .p-sortable-column.p-highlight { background: #f8f9fa; - color: #4CAF50; + color: #4caf50; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4CAF50; + color: #4caf50; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; @@ -3487,7 +3492,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #E8F5E9; + background: #e8f5e9; color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -3504,7 +3509,7 @@ color: #495057; } .p-treetable .p-column-resizer-helper { - background: #4CAF50; + background: #4caf50; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3542,7 +3547,7 @@ background: #fcfcfc; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #E8F5E9; + background: #e8f5e9; color: #495057; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -3585,7 +3590,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #4CAF50; + border: 2px solid #4caf50; border-radius: 50%; width: 1rem; height: 1rem; @@ -3807,19 +3812,15 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3842,6 +3843,11 @@ background: #f8f9fa; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -3875,15 +3881,15 @@ } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #4CAF50; - color: #4CAF50; + border-color: #4caf50; + color: #4caf50; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #4CAF50; + color: #4caf50; width: 2.357rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; @@ -4044,7 +4050,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #4CAF50; + background: #4caf50; color: #ffffff; width: 2rem; height: 2rem; @@ -4200,142 +4206,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - 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); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #495057; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #b7e0b8; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4344,101 +4376,72 @@ border: 1px solid #dee2e6; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; + background: #dee2e6; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #495057; border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #495057; @@ -4447,23 +4450,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4484,8 +4478,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #b7e0b8; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #6c757d; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4508,39 +4530,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4573,39 +4617,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #495057; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6c757d; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4632,89 +4698,94 @@ border: 1px solid #dee2e6; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { @@ -4724,25 +4795,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #6c757d; background: #e9ecef; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #b7e0b8; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4789,39 +4905,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4870,42 +5008,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; - font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #495057; + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #b7e0b8; + box-shadow: inset 0 0 0 0.2rem #b7e0b8; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #e9ecef; border-color: #dee2e6; color: #495057; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f8f9fa; border-color: #dee2e6; color: #495057; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #dee2e6; background: #e9ecef; color: #495057; @@ -4921,66 +5063,95 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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: #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 { + color: #495057; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6c757d; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @@ -4996,39 +5167,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5092,7 +5285,7 @@ box-shadow: 0 0 0 0.2rem #b7e0b8; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #E8F5E9; + background: #e8f5e9; color: #495057; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5146,8 +5339,8 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #4CAF50; - color: #4CAF50; + border-color: #4caf50; + color: #4caf50; } .p-tieredmenu { padding: 0.25rem 0; @@ -5157,67 +5350,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #b7e0b8; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5229,7 +5437,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0px; color: #044868; @@ -5238,7 +5446,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0px; color: #224a23; @@ -5247,7 +5455,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0px; color: #6d5100; @@ -5256,7 +5464,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0px; color: #73000c; @@ -5301,7 +5509,7 @@ box-shadow: 0 0 0 0.2rem #b7e0b8; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5313,7 +5521,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5325,7 +5533,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5337,7 +5545,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5410,7 +5618,7 @@ box-shadow: 0 0 0 0.2rem #b7e0b8; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5420,7 +5628,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5430,7 +5638,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5440,7 +5648,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5510,7 +5718,7 @@ background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #E8F5E9; + background: #e8f5e9; color: #495057; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5529,7 +5737,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #E8F5E9; + background: #e8f5e9; color: #495057; } .p-galleria .p-galleria-thumbnail-container { @@ -5691,7 +5899,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { - background: #4CAF50; + background: #4caf50; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5699,19 +5907,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { @@ -5745,7 +5953,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #4CAF50; + background: #4caf50; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5763,7 +5971,7 @@ font-size: 1rem; } .p-badge { - background: #4CAF50; + background: #4caf50; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5772,23 +5980,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -5804,7 +6012,7 @@ line-height: 3rem; } .p-tag { - background: #4CAF50; + background: #4caf50; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5812,34 +6020,34 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } } /* Customizations to the designer theme should be defined here */ @layer primereact { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #4CAF50; + background-color: #4caf50; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #4CAF50; + background-color: #4caf50; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #4CAF50; + box-shadow: inset 0 2px 0 0 #4caf50; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #4CAF50; + box-shadow: inset 0 -2px 0 0 #4caf50; } } diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index 66a1f9ffab..7547e5bfd2 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -1,49 +1,51 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#FFC107; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #f8f9fa; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #495057; + --text-color-secondary: #6c757d; + --primary-color: #ffc107; + --primary-color-text: #212529; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f8f9fa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f8f9fa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; --surface-hover: #e9ecef; --focus-ring: 0 0 0 0.2rem #ffe69c; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #FFF3E0; + --highlight-bg: #fff3e0; --highlight-text-color: #495057; color-scheme: light; } @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #FFC107; + color: #ffc107; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #FFC107; + stroke: #ffc107; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #FFC107; + fill: #ffc107; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #FFC107; + color: #ffc107; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #FFC107; + border-color: #ffc107; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; + border-color: #ffc107; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; @@ -366,7 +368,7 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #FFF3E0; + background: #fff3e0; color: #495057; border-radius: 3px; } @@ -401,7 +403,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #FFC107; + color: #ffc107; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -500,7 +502,7 @@ } .p-datepicker table td > span.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; } .p-datepicker table td > span:focus { outline: 0 none; @@ -514,7 +516,7 @@ } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -568,7 +570,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -580,7 +582,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dee2e6; @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #FFC107; + border-color: #ffc107; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; + border-color: #ffc107; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -690,7 +692,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -735,8 +737,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #FFC107; - background: #FFC107; + border-color: #ffc107; + background: #ffc107; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #d29d00; @@ -744,13 +746,13 @@ color: #212529; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #FFC107; + border-color: #ffc107; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; + border-color: #ffc107; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #d29d00; @@ -764,7 +766,7 @@ background-color: #f8f9fa; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #FFC107; + background: #ffc107; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f8f9fa; @@ -777,18 +779,18 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #FFC107; + border-color: #ffc107; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; + border-color: #ffc107; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #FFF3E0; + background: #fff3e0; color: #495057; border-radius: 16px; } @@ -831,13 +833,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #FFC107; + border-color: #ffc107; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; + border-color: #ffc107; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -912,7 +914,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -1038,7 +1040,7 @@ background: #b6bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #FFC107; + background: #ffc107; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; @@ -1062,13 +1064,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #FFC107; + border-color: #ffc107; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; + border-color: #ffc107; } .p-inputtext.p-invalid.p-component { border-color: #f44336; @@ -1174,7 +1176,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -1225,7 +1227,7 @@ } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; } .p-multiselect { background: #ffffff; @@ -1234,13 +1236,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #FFC107; + border-color: #ffc107; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; + border-color: #ffc107; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.5rem; @@ -1344,7 +1346,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -1395,13 +1397,13 @@ background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } .p-radiobutton { width: 20px; @@ -1417,13 +1419,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #FFC107; + border-color: #ffc107; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; + border-color: #ffc107; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1432,8 +1434,8 @@ background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #FFC107; - background: #FFC107; + border-color: #ffc107; + background: #ffc107; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #d29d00; @@ -1453,7 +1455,7 @@ background-color: #f8f9fa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #FFC107; + background: #ffc107; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #d29d00; @@ -1479,10 +1481,10 @@ box-shadow: 0 0 0 0.2rem #ffe69c; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #FFC107; + color: #ffc107; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #FFC107; + color: #ffc107; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; @@ -1507,8 +1509,8 @@ color: #6c757d; } .p-selectbutton .p-button.p-highlight { - background: #FFC107; - border-color: #FFC107; + background: #ffc107; + border-color: #ffc107; color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1550,7 +1552,7 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #FFC107; + border: 2px solid #ffc107; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1560,11 +1562,11 @@ box-shadow: 0 0 0 0.2rem #ffe69c; } .p-slider .p-slider-range { - background: #FFC107; + background: #ffc107; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #FFC107; - border-color: #FFC107; + background: #ffc107; + border-color: #ffc107; } .p-treeselect { background: #ffffff; @@ -1573,13 +1575,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #FFC107; + border-color: #ffc107; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; - border-color: #FFC107; + border-color: #ffc107; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.5rem; @@ -1703,8 +1705,8 @@ color: #6c757d; } .p-togglebutton.p-button.p-highlight { - background: #FFC107; - border-color: #FFC107; + background: #ffc107; + border-color: #ffc107; color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1725,8 +1727,8 @@ } .p-button { color: #212529; - background: #FFC107; - border: 1px solid #FFC107; + background: #ffc107; + border: 1px solid #ffc107; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1744,17 +1746,17 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #FFC107; + color: #ffc107; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); - color: #FFC107; + color: #ffc107; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 193, 7, 0.16); - color: #FFC107; + color: #ffc107; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1771,17 +1773,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #FFC107; + color: #ffc107; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); - color: #FFC107; + color: #ffc107; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(255, 193, 7, 0.16); - color: #FFC107; + color: #ffc107; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1820,7 +1822,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #FFC107; + color: #ffc107; background-color: #212529; } .p-button.p-button-raised { @@ -1884,8 +1886,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #56717d; @@ -1902,38 +1904,38 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; - background: #0288D1; - border: 1px solid #0288D1; + 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-fileupload-choose.p-button-info:not(:disabled):hover { background: #027abc; @@ -1950,38 +1952,38 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #689F38; - border: 1px solid #689F38; + 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-fileupload-choose.p-button-success:not(:disabled):hover { background: #5e8f32; @@ -1998,38 +2000,38 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212529; - background: #FBC02D; - border: 1px solid #FBC02D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { background: #fab710; @@ -2046,38 +2048,38 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + 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-fileupload-choose.p-button-help:not(:disabled):hover { background: #8c239e; @@ -2094,38 +2096,38 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #D32F2F; - border: 1px solid #D32F2F; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { background: #c02929; @@ -2142,33 +2144,33 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { color: #d29d00; @@ -2198,16 +2200,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #FFC107; + color: #ffc107; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); - color: #FFC107; + color: #ffc107; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 193, 7, 0.16); - color: #FFC107; + color: #ffc107; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6c757d; @@ -2223,17 +2225,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #FFC107; + color: #ffc107; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 193, 7, 0.04); - color: #FFC107; + color: #ffc107; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 193, 7, 0.16); - color: #FFC107; + color: #ffc107; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2281,171 +2283,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2552,7 +2554,7 @@ background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #FFF3E0; + background: #fff3e0; color: #495057; } .p-datatable .p-paginator-top { @@ -2608,7 +2610,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #495057; - background: #FFF3E0; + background: #fff3e0; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2620,17 +2622,17 @@ } .p-datatable .p-sortable-column.p-highlight { background: #f8f9fa; - color: #FFC107; + color: #ffc107; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #FFC107; + color: #ffc107; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: #e9ecef; - color: #FFC107; + color: #ffc107; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #FFC107; + color: #ffc107; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #ffe69c; @@ -2682,11 +2684,11 @@ font-weight: 600; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #FFF3E0; + background: #fff3e0; color: #495057; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #FFF3E0; + background: #fff3e0; color: #495057; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { @@ -2694,10 +2696,10 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #FFF3E0; + box-shadow: inset 0 2px 0 0 #fff3e0; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #FFF3E0; + box-shadow: inset 0 -2px 0 0 #fff3e0; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #e9ecef; @@ -2720,7 +2722,7 @@ color: #495057; } .p-datatable .p-column-resizer-helper { - background: #FFC107; + background: #ffc107; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2796,7 +2798,7 @@ background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #FFF3E0; + background: #fff3e0; color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -2943,7 +2945,7 @@ color: #495057; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #FFF3E0; + background: #fff3e0; color: #495057; } .p-column-filter-menu-button:focus-visible { @@ -2992,7 +2994,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -3071,6 +3073,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3084,14 +3087,16 @@ background: #e9ecef; color: #495057; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #495057; + background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(255, 193, 7, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #e9ecef; @@ -3104,7 +3109,7 @@ color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #FFF3E0; + background: #fff3e0; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { @@ -3208,8 +3213,8 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #FFF3E0; - border-color: #FFF3E0; + background: #fff3e0; + border-color: #fff3e0; color: #495057; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3273,7 +3278,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; } .p-tree { border: 1px solid #dee2e6; @@ -3326,7 +3331,7 @@ box-shadow: inset 0 0 0 0.15rem #ffe69c; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #FFF3E0; + background: #fff3e0; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3428,7 +3433,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #495057; - background: #FFF3E0; + background: #fff3e0; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3440,10 +3445,10 @@ } .p-treetable .p-sortable-column.p-highlight { background: #f8f9fa; - color: #FFC107; + color: #ffc107; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #FFC107; + color: #ffc107; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; @@ -3487,7 +3492,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #FFF3E0; + background: #fff3e0; color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -3504,7 +3509,7 @@ color: #495057; } .p-treetable .p-column-resizer-helper { - background: #FFC107; + background: #ffc107; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3542,7 +3547,7 @@ background: #fcfcfc; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #FFF3E0; + background: #fff3e0; color: #495057; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -3585,7 +3590,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #FFC107; + border: 2px solid #ffc107; border-radius: 50%; width: 1rem; height: 1rem; @@ -3807,19 +3812,15 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3842,6 +3843,11 @@ background: #f8f9fa; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -3875,15 +3881,15 @@ } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #FFC107; - color: #FFC107; + border-color: #ffc107; + color: #ffc107; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #FFC107; + color: #ffc107; width: 2.357rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; @@ -4044,7 +4050,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #FFC107; + background: #ffc107; color: #212529; width: 2rem; height: 2rem; @@ -4200,142 +4206,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - 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); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #495057; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe69c; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4344,101 +4376,72 @@ border: 1px solid #dee2e6; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; + background: #dee2e6; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #495057; border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #495057; @@ -4447,23 +4450,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4484,8 +4478,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #ffe69c; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #6c757d; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4508,39 +4530,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4573,39 +4617,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #495057; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6c757d; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4632,89 +4698,94 @@ border: 1px solid #dee2e6; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { @@ -4724,25 +4795,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #6c757d; background: #e9ecef; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #ffe69c; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4789,39 +4905,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4870,42 +5008,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; - font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #495057; + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #ffe69c; + box-shadow: inset 0 0 0 0.2rem #ffe69c; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #e9ecef; border-color: #dee2e6; color: #495057; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f8f9fa; border-color: #dee2e6; color: #495057; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #dee2e6; background: #e9ecef; color: #495057; @@ -4921,66 +5063,95 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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: #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 { + color: #495057; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6c757d; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @@ -4996,39 +5167,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5092,7 +5285,7 @@ box-shadow: 0 0 0 0.2rem #ffe69c; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #FFF3E0; + background: #fff3e0; color: #495057; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5146,8 +5339,8 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #FFC107; - color: #FFC107; + border-color: #ffc107; + color: #ffc107; } .p-tieredmenu { padding: 0.25rem 0; @@ -5157,67 +5350,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe69c; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5229,7 +5437,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0px; color: #044868; @@ -5238,7 +5446,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0px; color: #224a23; @@ -5247,7 +5455,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0px; color: #6d5100; @@ -5256,7 +5464,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0px; color: #73000c; @@ -5301,7 +5509,7 @@ box-shadow: 0 0 0 0.2rem #ffe69c; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5313,7 +5521,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5325,7 +5533,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5337,7 +5545,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5410,7 +5618,7 @@ box-shadow: 0 0 0 0.2rem #ffe69c; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5420,7 +5628,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5430,7 +5638,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5440,7 +5648,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5510,7 +5718,7 @@ background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFF3E0; + background: #fff3e0; color: #495057; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5529,7 +5737,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFF3E0; + background: #fff3e0; color: #495057; } .p-galleria .p-galleria-thumbnail-container { @@ -5691,7 +5899,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { - background: #FFC107; + background: #ffc107; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5699,19 +5907,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { @@ -5745,7 +5953,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #FFC107; + background: #ffc107; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5763,7 +5971,7 @@ font-size: 1rem; } .p-badge { - background: #FFC107; + background: #ffc107; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5772,23 +5980,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -5804,7 +6012,7 @@ line-height: 3rem; } .p-tag { - background: #FFC107; + background: #ffc107; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5812,34 +6020,34 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } } /* Customizations to the designer theme should be defined here */ @layer primereact { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #FFC107; + background-color: #ffc107; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #FFC107; + background-color: #ffc107; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #FFC107; + box-shadow: inset 0 2px 0 0 #ffc107; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #FFC107; + box-shadow: inset 0 -2px 0 0 #ffc107; } } diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index aae6a52b4a..cf29bf1e0f 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -1,49 +1,51 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#ffffff; - --surface-b:#f8f9fa; - --surface-c:#e9ecef; - --surface-d:#dee2e6; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#495057; - --text-color-secondary:#6c757d; - --primary-color:#9C27B0; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #ffffff; + --surface-b: #f8f9fa; + --surface-c: #e9ecef; + --surface-d: #dee2e6; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #495057; + --text-color-secondary: #6c757d; + --primary-color: #9c27b0; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F5F5F5; - --surface-200: #EEEEEE; - --surface-300: #E0E0E0; - --surface-400: #BDBDBD; - --surface-500: #9E9E9E; + --surface-50: #fafafa; + --surface-100: #f5f5f5; + --surface-200: #eeeeee; + --surface-300: #e0e0e0; + --surface-400: #bdbdbd; + --surface-500: #9e9e9e; --surface-600: #757575; --surface-700: #616161; --surface-800: #424242; --surface-900: #212121; - --gray-50: #FAFAFA; - --gray-100: #F5F5F5; - --gray-200: #EEEEEE; - --gray-300: #E0E0E0; - --gray-400: #BDBDBD; - --gray-500: #9E9E9E; + --gray-50: #fafafa; + --gray-100: #f5f5f5; + --gray-200: #eeeeee; + --gray-300: #e0e0e0; + --gray-400: #bdbdbd; + --gray-500: #9e9e9e; --gray-600: #757575; --gray-700: #616161; --gray-800: #424242; --gray-900: #212121; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#f8f9fa; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dee2e6; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #f8f9fa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dee2e6; --surface-hover: #e9ecef; --focus-ring: 0 0 0 0.2rem #df9eea; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #F3E5F5; + --highlight-bg: #f3e5f5; --highlight-text-color: #495057; color-scheme: light; } @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #9C27B0; + color: #9c27b0; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #9C27B0; + stroke: #9c27b0; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #9C27B0; + fill: #9c27b0; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #9C27B0; + color: #9c27b0; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #9C27B0; + border-color: #9c27b0; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; + border-color: #9c27b0; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; @@ -366,7 +368,7 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #F3E5F5; + background: #f3e5f5; color: #495057; border-radius: 3px; } @@ -401,7 +403,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #9C27B0; + color: #9c27b0; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -500,7 +502,7 @@ } .p-datepicker table td > span.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; } .p-datepicker table td > span:focus { outline: 0 none; @@ -514,7 +516,7 @@ } .p-datepicker table td.p-datepicker-today > span.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -568,7 +570,7 @@ } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -580,7 +582,7 @@ } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #dee2e6; @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #9C27B0; + border-color: #9c27b0; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; + border-color: #9c27b0; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -690,7 +692,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -735,8 +737,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #9C27B0; - background: #9C27B0; + border-color: #9c27b0; + background: #9c27b0; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #7d1f8d; @@ -744,13 +746,13 @@ color: #ffffff; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #9C27B0; + border-color: #9c27b0; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; + border-color: #9c27b0; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #7d1f8d; @@ -764,7 +766,7 @@ background-color: #f8f9fa; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #9C27B0; + background: #9c27b0; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #f8f9fa; @@ -777,18 +779,18 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #9C27B0; + border-color: #9c27b0; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; + border-color: #9c27b0; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; margin-right: 0.5rem; - background: #F3E5F5; + background: #f3e5f5; color: #495057; border-radius: 16px; } @@ -831,13 +833,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #9C27B0; + border-color: #9c27b0; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; + border-color: #9c27b0; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -912,7 +914,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -1038,7 +1040,7 @@ background: #b6bfc8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #9C27B0; + background: #9c27b0; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; @@ -1062,13 +1064,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #9C27B0; + border-color: #9c27b0; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; + border-color: #9c27b0; } .p-inputtext.p-invalid.p-component { border-color: #f44336; @@ -1174,7 +1176,7 @@ } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; @@ -1225,7 +1227,7 @@ } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; } .p-multiselect { background: #ffffff; @@ -1234,13 +1236,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #9C27B0; + border-color: #9c27b0; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; + border-color: #9c27b0; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.5rem; @@ -1344,7 +1346,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -1395,13 +1397,13 @@ background: #dee2e6; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #D32F2F; + background: #d32f2f; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FBC02D; + background: #fbc02d; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #689F38; + background: #689f38; } .p-radiobutton { width: 20px; @@ -1417,13 +1419,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #9C27B0; + border-color: #9c27b0; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; + border-color: #9c27b0; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1432,8 +1434,8 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #9C27B0; - background: #9C27B0; + border-color: #9c27b0; + background: #9c27b0; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #7d1f8d; @@ -1453,7 +1455,7 @@ background-color: #f8f9fa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #9C27B0; + background: #9c27b0; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #7d1f8d; @@ -1479,10 +1481,10 @@ box-shadow: 0 0 0 0.2rem #df9eea; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #9C27B0; + color: #9c27b0; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #9C27B0; + color: #9c27b0; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { color: #c0392b; @@ -1507,8 +1509,8 @@ color: #6c757d; } .p-selectbutton .p-button.p-highlight { - background: #9C27B0; - border-color: #9C27B0; + background: #9c27b0; + border-color: #9c27b0; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1550,7 +1552,7 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #9C27B0; + border: 2px solid #9c27b0; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1560,11 +1562,11 @@ box-shadow: 0 0 0 0.2rem #df9eea; } .p-slider .p-slider-range { - background: #9C27B0; + background: #9c27b0; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #9C27B0; - border-color: #9C27B0; + background: #9c27b0; + border-color: #9c27b0; } .p-treeselect { background: #ffffff; @@ -1573,13 +1575,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #9C27B0; + border-color: #9c27b0; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; - border-color: #9C27B0; + border-color: #9c27b0; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.5rem; @@ -1703,8 +1705,8 @@ color: #6c757d; } .p-togglebutton.p-button.p-highlight { - background: #9C27B0; - border-color: #9C27B0; + background: #9c27b0; + border-color: #9c27b0; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1725,8 +1727,8 @@ } .p-button { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + background: #9c27b0; + border: 1px solid #9c27b0; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1744,17 +1746,17 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1771,17 +1773,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1820,7 +1822,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #9C27B0; + color: #9c27b0; background-color: #ffffff; } .p-button.p-button-raised { @@ -1884,8 +1886,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #607D8B; - border: 1px solid #607D8B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #56717d; @@ -1902,38 +1904,38 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; - background: #0288D1; - border: 1px solid #0288D1; + 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-fileupload-choose.p-button-info:not(:disabled):hover { background: #027abc; @@ -1950,38 +1952,38 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #689F38; - border: 1px solid #689F38; + 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-fileupload-choose.p-button-success:not(:disabled):hover { background: #5e8f32; @@ -1998,38 +2000,38 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #212529; - background: #FBC02D; - border: 1px solid #FBC02D; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { background: #fab710; @@ -2046,38 +2048,38 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #9C27B0; - border: 1px solid #9C27B0; + 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-fileupload-choose.p-button-help:not(:disabled):hover { background: #8c239e; @@ -2094,38 +2096,38 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #D32F2F; - border: 1px solid #D32F2F; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { background: #c02929; @@ -2142,33 +2144,33 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-button.p-button-link { color: #7d1f8d; @@ -2198,16 +2200,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: #6c757d; @@ -2223,17 +2225,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2281,171 +2283,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #607D8B; + color: #607d8b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(96, 125, 139, 0.04); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(96, 125, 139, 0.16); border-color: transparent; - color: #607D8B; + color: #607d8b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #0288D1; + color: #0288d1; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(2, 136, 209, 0.04); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(2, 136, 209, 0.16); border-color: transparent; - color: #0288D1; + color: #0288d1; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #689F38; + color: #689f38; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(104, 159, 56, 0.04); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(104, 159, 56, 0.16); border-color: transparent; - color: #689F38; + color: #689f38; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FBC02D; + color: #fbc02d; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(251, 192, 45, 0.04); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(251, 192, 45, 0.16); border-color: transparent; - color: #FBC02D; + color: #fbc02d; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #9C27B0; + color: #9c27b0; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(156, 39, 176, 0.04); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(156, 39, 176, 0.16); border-color: transparent; - color: #9C27B0; + color: #9c27b0; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #D32F2F; + color: #d32f2f; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(211, 47, 47, 0.04); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(211, 47, 47, 0.16); border-color: transparent; - color: #D32F2F; + color: #d32f2f; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2552,7 +2554,7 @@ background: #dee2e6; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #F3E5F5; + background: #f3e5f5; color: #495057; } .p-datatable .p-paginator-top { @@ -2608,7 +2610,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #495057; - background: #F3E5F5; + background: #f3e5f5; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2620,17 +2622,17 @@ } .p-datatable .p-sortable-column.p-highlight { background: #f8f9fa; - color: #9C27B0; + color: #9c27b0; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #9C27B0; + color: #9c27b0; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: #e9ecef; - color: #9C27B0; + color: #9c27b0; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #9C27B0; + color: #9c27b0; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #df9eea; @@ -2682,11 +2684,11 @@ font-weight: 600; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #F3E5F5; + background: #f3e5f5; color: #495057; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #F3E5F5; + background: #f3e5f5; color: #495057; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { @@ -2694,10 +2696,10 @@ outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #F3E5F5; + box-shadow: inset 0 2px 0 0 #f3e5f5; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #F3E5F5; + box-shadow: inset 0 -2px 0 0 #f3e5f5; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #e9ecef; @@ -2720,7 +2722,7 @@ color: #495057; } .p-datatable .p-column-resizer-helper { - background: #9C27B0; + background: #9c27b0; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2796,7 +2798,7 @@ background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #F3E5F5; + background: #f3e5f5; color: #495057; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -2943,7 +2945,7 @@ color: #495057; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #F3E5F5; + background: #f3e5f5; color: #495057; } .p-column-filter-menu-button:focus-visible { @@ -2992,7 +2994,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #495057; @@ -3071,6 +3073,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3084,14 +3087,16 @@ background: #e9ecef; color: #495057; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #495057; + background: #dee2e6; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(156, 39, 176, 0.24); } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #e9ecef; @@ -3104,7 +3109,7 @@ color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #F3E5F5; + background: #f3e5f5; color: #495057; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { @@ -3208,8 +3213,8 @@ border-radius: 3px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #F3E5F5; - border-color: #F3E5F5; + background: #f3e5f5; + border-color: #f3e5f5; color: #495057; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { @@ -3273,7 +3278,7 @@ } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; } .p-tree { border: 1px solid #dee2e6; @@ -3326,7 +3331,7 @@ box-shadow: inset 0 0 0 0.15rem #df9eea; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #F3E5F5; + background: #f3e5f5; color: #495057; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler, @@ -3428,7 +3433,7 @@ min-width: 1.143rem; line-height: 1.143rem; color: #495057; - background: #F3E5F5; + background: #f3e5f5; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3440,10 +3445,10 @@ } .p-treetable .p-sortable-column.p-highlight { background: #f8f9fa; - color: #9C27B0; + color: #9c27b0; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #9C27B0; + color: #9c27b0; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; @@ -3487,7 +3492,7 @@ outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #F3E5F5; + background: #f3e5f5; color: #495057; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { @@ -3504,7 +3509,7 @@ color: #495057; } .p-treetable .p-column-resizer-helper { - background: #9C27B0; + background: #9c27b0; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3542,7 +3547,7 @@ background: #fcfcfc; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #F3E5F5; + background: #f3e5f5; color: #495057; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { @@ -3585,7 +3590,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #9C27B0; + border: 2px solid #9c27b0; border-radius: 50%; width: 1rem; height: 1rem; @@ -3807,19 +3812,15 @@ border: 1px solid #dee2e6; background: #ffffff; color: #495057; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #dee2e6; background: #ffffff; color: #495057; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3842,6 +3843,11 @@ background: #f8f9fa; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #dee2e6; @@ -3875,15 +3881,15 @@ } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #9C27B0; - color: #9C27B0; + border-color: #9c27b0; + color: #9c27b0; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #9C27B0; + color: #9c27b0; width: 2.357rem; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border-radius: 0; @@ -4044,7 +4050,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #9C27B0; + background: #9c27b0; color: #ffffff; width: 2rem; height: 2rem; @@ -4200,142 +4206,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - 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); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #495057; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #df9eea; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4344,101 +4376,72 @@ border: 1px solid #dee2e6; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #e9ecef; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #495057; + background: #dee2e6; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #6c757d; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #495057; border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #495057; @@ -4447,23 +4450,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e9ecef; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4484,8 +4478,36 @@ outline-offset: 0; box-shadow: 0 0 0 0.2rem #df9eea; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #495057; + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #6c757d; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c757d; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #6c757d; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4508,39 +4530,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4573,39 +4617,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #495057; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6c757d; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4632,89 +4698,94 @@ border: 1px solid #dee2e6; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; - } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #e9ecef; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #6c757d; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } .p-menubar .p-submenu-list { @@ -4724,25 +4795,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #6c757d; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #6c757d; background: #e9ecef; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #495057; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.2rem #df9eea; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #6c757d; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4789,39 +4905,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4870,42 +5008,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #dee2e6; color: #495057; background: #f8f9fa; - font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #495057; + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.2rem #df9eea; + box-shadow: inset 0 0 0 0.2rem #df9eea; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #e9ecef; border-color: #dee2e6; color: #495057; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #f8f9fa; border-color: #dee2e6; color: #495057; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #dee2e6; background: #e9ecef; color: #495057; @@ -4921,66 +5063,95 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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: #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 { + color: #495057; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #6c757d; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #dee2e6; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @@ -4996,39 +5167,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; + background: #e9ecef; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #495057; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #6c757d; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5092,7 +5285,7 @@ box-shadow: 0 0 0 0.2rem #df9eea; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #F3E5F5; + background: #f3e5f5; color: #495057; } .p-steps .p-steps-item.p-highlight .p-steps-title { @@ -5146,8 +5339,8 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #9C27B0; - color: #9C27B0; + border-color: #9c27b0; + color: #9c27b0; } .p-tieredmenu { padding: 0.25rem 0; @@ -5157,67 +5350,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: #495057; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #495057; + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #6c757d; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #495057; background: #e9ecef; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #6c757d; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #e9ecef; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #df9eea; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #495057; + background: #dee2e6; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #495057; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #495057; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #495057; background: #e9ecef; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #495057; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #6c757d; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #dee2e6; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5229,7 +5437,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0px; color: #044868; @@ -5238,7 +5446,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0px; color: #224a23; @@ -5247,7 +5455,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0px; color: #6d5100; @@ -5256,7 +5464,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0px; color: #73000c; @@ -5301,7 +5509,7 @@ box-shadow: 0 0 0 0.2rem #df9eea; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5313,7 +5521,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5325,7 +5533,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5337,7 +5545,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5410,7 +5618,7 @@ box-shadow: 0 0 0 0.2rem #df9eea; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5420,7 +5628,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5430,7 +5638,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5440,7 +5648,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5510,7 +5718,7 @@ background: #dee2e6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F3E5F5; + background: #f3e5f5; color: #495057; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { @@ -5529,7 +5737,7 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #F3E5F5; + background: #f3e5f5; color: #495057; } .p-galleria .p-galleria-thumbnail-container { @@ -5691,7 +5899,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { - background: #9C27B0; + background: #9c27b0; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5699,19 +5907,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-tag .p-tag-icon { @@ -5745,7 +5953,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #9C27B0; + background: #9c27b0; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5763,7 +5971,7 @@ font-size: 1rem; } .p-badge { - background: #9C27B0; + background: #9c27b0; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5772,23 +5980,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #607D8B; + background-color: #607d8b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-badge.p-badge-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-badge.p-badge-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } .p-badge.p-badge-lg { @@ -5804,7 +6012,7 @@ line-height: 3rem; } .p-tag { - background: #9C27B0; + background: #9c27b0; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5812,34 +6020,34 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #689F38; + background-color: #689f38; color: #ffffff; } .p-tag.p-tag-info { - background-color: #0288D1; + background-color: #0288d1; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #FBC02D; + background-color: #fbc02d; color: #212529; } .p-tag.p-tag-danger { - background-color: #D32F2F; + background-color: #d32f2f; color: #ffffff; } } /* Customizations to the designer theme should be defined here */ @layer primereact { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #9C27B0; + background-color: #9c27b0; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #9C27B0; + background-color: #9c27b0; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #9C27B0; + box-shadow: inset 0 2px 0 0 #9c27b0; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #9C27B0; + box-shadow: inset 0 -2px 0 0 #9c27b0; } } diff --git a/public/themes/soho-dark/theme.css b/public/themes/soho-dark/theme.css index 4de20a5968..692a646f70 100644 --- a/public/themes/soho-dark/theme.css +++ b/public/themes/soho-dark/theme.css @@ -1,16 +1,16 @@ :root { font-family: Lato, Helvetica, sans-serif; - --font-family:Lato, Helvetica, sans-serif; - --surface-a:#282936; - --surface-b:#1d1e27; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#3e4053; - --surface-e:#282936; - --surface-f:#282936; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#b19df7; - --primary-color-text:hsl(234, 15%, 13%); + --font-family: Lato, Helvetica, sans-serif; + --surface-a: #282936; + --surface-b: #1d1e27; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #3e4053; + --surface-e: #282936; + --surface-f: #282936; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #b19df7; + --primary-color-text: hsl(234, 15%, 13%); --surface-0: #1d1e27; --surface-50: #34343d; --surface-100: #4a4b52; @@ -32,15 +32,15 @@ --gray-700: #4a4b52; --gray-800: #34343d; --gray-900: #1d1e27; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#1d1e27; - --surface-section:#1d1e27; - --surface-card:#282936; - --surface-overlay:#282936; - --surface-border:#3e4053; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #1d1e27; + --surface-section: #1d1e27; + --surface-card: #282936; + --surface-overlay: #282936; + --surface-border: #3e4053; + --surface-hover: rgba(255, 255, 255, 0.03); --focus-ring: 0 0 0 1px #e0d8fc; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(177, 157, 247, 0.16); @@ -1492,7 +1492,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1506,7 +1506,7 @@ color: #b19df7; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #282936; @@ -3092,6 +3092,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3105,15 +3106,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #b19df7; background: rgba(177, 157, 247, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(177, 157, 247, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); } @@ -3803,19 +3806,15 @@ border: 1px solid #3e4053; background: #282936; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #3e4053; background: #282936; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3838,6 +3837,11 @@ background: #3e4053; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #3e4053; @@ -4196,142 +4200,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #333544; + border: 1px solid #3e4053; + 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); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b19df7; + } + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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.09); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; + .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-submenu-list { - padding: 0.25rem 0; - background: #333544; - border: 1px solid #3e4053; - 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); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(177, 157, 247, 0.16); + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #b19df7; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #b19df7; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #3e4053; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #e0d8fc; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4340,93 +4370,64 @@ border: 1px solid #3e4053; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b19df7; background: rgba(177, 157, 247, 0.16); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #b19df7; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #b19df7; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #b19df7; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; + background: rgba(255, 255, 255, 0.09); } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .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-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } .p-megamenu .p-megamenu-panel { background: #333544; @@ -4434,7 +4435,7 @@ border: 1px solid #3e4053; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: rgba(255, 255, 255, 0.87); @@ -4443,23 +4444,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #3e4053; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(177, 157, 247, 0.16); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #b19df7; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #b19df7; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4480,8 +4472,36 @@ outline-offset: 0; box-shadow: 0 0 0 1px #e0d8fc; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4504,39 +4524,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b19df7; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4569,39 +4611,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #b19df7; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .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.09); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .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-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #333544; @@ -4628,90 +4692,95 @@ border: 1px solid #3e4053; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.2s; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b19df7; + } + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(177, 157, 247, 0.16); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #b19df7; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #b19df7; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #b19df7; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { padding: 0.25rem 0; @@ -4720,25 +4789,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #3e4053; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(177, 157, 247, 0.16); + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #b19df7; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #e0d8fc; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #b19df7; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #333544; + border: 1px solid #3e4053; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #3e4053; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4785,39 +4899,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b19df7; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4866,42 +5002,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #3e4053; color: rgba(255, 255, 255, 0.87); background: #282936; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #e0d8fc; + box-shadow: inset 0 0 0 1px #e0d8fc; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #3e4053; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #282936; border-color: #3e4053; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #3e4053; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4917,44 +5057,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b19df7; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); + } + .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.09); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #3e4053; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4968,39 +5137,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b19df7; + } + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link: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-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #333544; @@ -5129,67 +5320,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #333544; + border: 1px solid #3e4053; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #333544; + border: 1px solid #3e4053; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #b19df7; + background: rgba(177, 157, 247, 0.16); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b19df7; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: rgba(255, 255, 255, 0.87); + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b19df7; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 0.24); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #e0d8fc; + .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.09); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #333544; - border: 1px solid #3e4053; - 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-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-submenu-list { - padding: 0.25rem 0; - background: #333544; - border: 1px solid #3e4053; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(177, 157, 247, 0.16); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #b19df7; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #b19df7; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #3e4053; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/soho-light/theme.css b/public/themes/soho-light/theme.css index 4265b8ebff..e0e686794e 100644 --- a/public/themes/soho-light/theme.css +++ b/public/themes/soho-light/theme.css @@ -1,16 +1,16 @@ :root { font-family: Lato, Helvetica, sans-serif; - --font-family:Lato, Helvetica, sans-serif; - --surface-a:#ffffff; - --surface-b:#eff3f8; - --surface-c:#f6f9fc; - --surface-d:#dfe7ef; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#043d75; - --text-color-secondary:#708da9; - --primary-color:#7254f3; - --primary-color-text:#ffffff; + --font-family: Lato, Helvetica, sans-serif; + --surface-a: #ffffff; + --surface-b: #eff3f8; + --surface-c: #f6f9fc; + --surface-d: #dfe7ef; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #043d75; + --text-color-secondary: #708da9; + --primary-color: #7254f3; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f1f4f6; --surface-100: #e2e8ee; @@ -32,15 +32,15 @@ --gray-700: #435565; --gray-800: #2d3844; --gray-900: #161c22; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#eff3f8; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#dfe7ef; - --surface-hover:#f6f9fc; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #eff3f8; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #dfe7ef; + --surface-hover: #f6f9fc; --focus-ring: 0 0 0 1px #c7bbfa; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #e2dcfc; @@ -3092,6 +3092,7 @@ padding: 0.75rem 0; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1.25rem; @@ -3105,15 +3106,17 @@ background: #f6f9fc; color: #043d75; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #043d75; + background: #dfe7ef; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #7254f3; background: #e2dcfc; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #cbc0fa; + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #fcfcfc; } @@ -3803,19 +3806,15 @@ border: 1px solid #dfe7ef; background: #ffffff; color: #043d75; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #dfe7ef; background: #ffffff; color: #043d75; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3838,6 +3837,11 @@ background: #eff3f8; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #dfe7ef; @@ -4196,142 +4200,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #eff3f8; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #043d75; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #708da9; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #708da9; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f6f9fc; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #043d75; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #7254f3; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #708da9; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #7254f3; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #708da9; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #043d75; + background: #dfe7ef; } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #eff3f8; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e2dcfc; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #043d75; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #7254f3; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #7254f3; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #708da9; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #dfe7ef; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #c7bbfa; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4340,101 +4370,72 @@ border: 1px solid #dfe7ef; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #043d75; - border-radius: 6px; transition: box-shadow 0.2s; - user-select: none; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #043d75; + padding: 0.75rem 1.25rem; + user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #708da9; - margin-right: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #708da9; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f6f9fc; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #708da9; + margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #708da9; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #7254f3; background: #e2dcfc; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #7254f3; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #7254f3; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #7254f3; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #043d75; - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; + background: #dfe7ef; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #708da9; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #708da9; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #043d75; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; background: #f6f9fc; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #708da9; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; - } .p-megamenu .p-megamenu-panel { background: #eff3f8; color: #043d75; border: 0 none; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1.25rem; color: #708da9; @@ -4443,23 +4444,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dfe7ef; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e2dcfc; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #7254f3; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #7254f3; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4480,8 +4472,36 @@ outline-offset: 0; box-shadow: 0 0 0 1px #c7bbfa; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #043d75; + transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #708da9; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #708da9; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #708da9; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4504,39 +4524,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #043d75; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #708da9; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #708da9; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f6f9fc; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #7254f3; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #7254f3; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #043d75; + background: #dfe7ef; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #708da9; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #708da9; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #043d75; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #708da9; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4569,39 +4611,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #043d75; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #708da9; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #708da9; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #f6f9fc; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #7254f3; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #043d75; + background: #dfe7ef; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #708da9; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #708da9; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #043d75; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #708da9; } .p-menu.p-menu-overlay { background: #eff3f8; @@ -4628,90 +4692,95 @@ border: 1px solid #dfe7ef; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #043d75; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #708da9; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #708da9; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; background: #f6f9fc; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #708da9; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #708da9; - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #043d75; - border-radius: 6px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #708da9; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #708da9; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f6f9fc; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #043d75; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #7254f3; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #708da9; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #7254f3; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #708da9; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #043d75; + background: #dfe7ef; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #e2dcfc; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #7254f3; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #043d75; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #7254f3; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #7254f3; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #708da9; } .p-menubar .p-submenu-list { padding: 0.25rem 0; @@ -4720,25 +4789,70 @@ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #dfe7ef; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #708da9; + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e2dcfc; + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #708da9; + background: #f6f9fc; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #7254f3; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #c7bbfa; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #7254f3; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #eff3f8; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #dfe7ef; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4785,39 +4899,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #043d75; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #708da9; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #708da9; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f6f9fc; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #7254f3; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #7254f3; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #043d75; + background: #dfe7ef; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #708da9; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #708da9; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #043d75; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #708da9; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4866,42 +5002,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #dfe7ef; color: #708da9; background: #eff3f8; - font-weight: 700; border-radius: 6px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #708da9; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #c7bbfa; + box-shadow: inset 0 0 0 1px #c7bbfa; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f6f9fc; border-color: #dfe7ef; color: #708da9; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #eff3f8; border-color: #dfe7ef; color: #043d75; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #dfe7ef; background: #f6f9fc; color: #043d75; @@ -4917,44 +5057,73 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #043d75; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #708da9; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #708da9; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #f6f9fc; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #7254f3; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #043d75; + background: #dfe7ef; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #708da9; + .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: #043d75; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #708da9; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #043d75; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #708da9; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #dfe7ef; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { @@ -4968,39 +5137,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #043d75; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #708da9; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #708da9; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #f6f9fc; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #7254f3; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #7254f3; + } + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #043d75; + background: #dfe7ef; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #708da9; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #708da9; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #043d75; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #043d75; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #708da9; } .p-slidemenu.p-slidemenu-overlay { background: #eff3f8; @@ -5129,67 +5320,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1.25rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #eff3f8; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #eff3f8; + border: 0 none; + box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #043d75; - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #043d75; + padding: 0.75rem 1.25rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #043d75; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #708da9; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #708da9; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #f6f9fc; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #7254f3; + background: #e2dcfc; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #043d75; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #7254f3; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #708da9; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #7254f3; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #708da9; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #c7bbfa; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #043d75; + background: #dfe7ef; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #eff3f8; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #043d75; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #eff3f8; - border: 0 none; - box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #043d75; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #e2dcfc; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #043d75; + background: #f6f9fc; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #7254f3; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #043d75; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #7254f3; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #708da9; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #dfe7ef; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/tailwind-light/theme.css b/public/themes/tailwind-light/theme.css index bc83281d6a..64aa620633 100644 --- a/public/themes/tailwind-light/theme.css +++ b/public/themes/tailwind-light/theme.css @@ -1,50 +1,53 @@ :root { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; - --font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; - --surface-a:#ffffff; - --surface-b:#fafafa; - --surface-c:#f4f4f5; - --surface-d:#e5e7eb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#3f3f46; - --text-color-secondary:#71717A; - --primary-color:#4F46E5; - --primary-color-text:#ffffff; + --font-family: Inter, ui-sans-serif, system-ui, -apple-system, + BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, + "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol", "Noto Color Emoji"; + --surface-a: #ffffff; + --surface-b: #fafafa; + --surface-c: #f4f4f5; + --surface-d: #e5e7eb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #3f3f46; + --text-color-secondary: #71717a; + --primary-color: #4f46e5; + --primary-color-text: #ffffff; --surface-0: #ffffff; - --surface-50: #FAFAFA; - --surface-100: #F4F4F5; - --surface-200: #E4E4E7; - --surface-300: #D4D4D8; - --surface-400: #A1A1AA; - --surface-500: #71717A; - --surface-600: #52525B; - --surface-700: #3F3F46; - --surface-800: #27272A; - --surface-900: #18181B; - --gray-50: #FAFAFA; - --gray-100: #F4F4F5; - --gray-200: #E4E4E7; - --gray-300: #D4D4D8; - --gray-400: #A1A1AA; - --gray-500: #71717A; - --gray-600: #52525B; - --gray-700: #3F3F46; - --gray-800: #27272A; - --gray-900: #18181B; - --content-padding:1.25rem; - --inline-spacing:0.5rem; - --border-radius:0.375rem; - --surface-ground:#FAFAFA; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#e5e7eb; + --surface-50: #fafafa; + --surface-100: #f4f4f5; + --surface-200: #e4e4e7; + --surface-300: #d4d4d8; + --surface-400: #a1a1aa; + --surface-500: #71717a; + --surface-600: #52525b; + --surface-700: #3f3f46; + --surface-800: #27272a; + --surface-900: #18181b; + --gray-50: #fafafa; + --gray-100: #f4f4f5; + --gray-200: #e4e4e7; + --gray-300: #d4d4d8; + --gray-400: #a1a1aa; + --gray-500: #71717a; + --gray-600: #52525b; + --gray-700: #3f3f46; + --gray-800: #27272a; + --gray-900: #18181b; + --content-padding: 1.25rem; + --inline-spacing: 0.5rem; + --border-radius: 0.375rem; + --surface-ground: #fafafa; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #e5e7eb; --surface-hover: #f4f4f5; - --focus-ring: 0 0 0 1px #6366F1; + --focus-ring: 0 0 0 1px #6366f1; --maskbg: rgba(0, 0, 0, 0.4); - --highlight-bg: #EEF2FF; - --highlight-text-color: #312E81; + --highlight-bg: #eef2ff; + --highlight-text-color: #312e81; color-scheme: light; } @@ -210,14 +213,14 @@ border: 1px solid #e5e7eb; } .p-editor-container .p-editor-toolbar.ql-snow .ql-stroke { - stroke: #71717A; + stroke: #71717a; } .p-editor-container .p-editor-toolbar.ql-snow .ql-fill { - fill: #71717A; + fill: #71717a; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label { border: 0 none; - color: #71717A; + color: #71717a; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover { color: #3f3f46; @@ -248,7 +251,7 @@ color: #3f3f46; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { @@ -282,22 +285,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #4F46E5; + color: #4f46e5; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #4F46E5; + stroke: #4f46e5; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #4F46E5; + fill: #4f46e5; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #4F46E5; + color: #4f46e5; } @layer primereact { @@ -321,7 +324,7 @@ color: #e24c4c; } .p-text-secondary { - color: #71717A; + color: #71717a; } .pi { font-size: 1rem; @@ -339,7 +342,7 @@ .p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-component-overlay-enter { animation: p-component-overlay-enter-animation 150ms forwards; @@ -379,8 +382,8 @@ .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.375rem 0; @@ -396,8 +399,8 @@ .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; border-radius: 0.375rem; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon { @@ -426,12 +429,12 @@ border-radius: 0; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group { margin: 0; @@ -472,7 +475,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; @@ -480,7 +483,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } @@ -488,7 +491,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-datepicker .p-datepicker-header .p-datepicker-title { line-height: 2rem; @@ -502,7 +505,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #4F46E5; + color: #4f46e5; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -529,13 +532,13 @@ border: 1px solid transparent; } .p-datepicker table td > span.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-datepicker table td > span:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-datepicker table td.p-datepicker-today > span { background: #d4d4d8; @@ -543,8 +546,8 @@ border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-datepicker .p-datepicker-buttonbar { padding: 1rem 0; @@ -560,21 +563,21 @@ .p-datepicker .p-timepicker button { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-datepicker .p-timepicker button:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-datepicker .p-timepicker button:last-child { margin-top: 0.2em; @@ -597,8 +600,8 @@ border-radius: 0.375rem; } .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-datepicker .p-yearpicker { margin: 0.5rem 0; @@ -609,8 +612,8 @@ border-radius: 0.375rem; } .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-datepicker.p-datepicker-multiple-month .p-datepicker-group { border-left: 1px solid #f3f4f6; @@ -632,7 +635,7 @@ .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { background: #f4f4f5; @@ -640,7 +643,7 @@ .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { background: #f4f4f5; @@ -648,7 +651,7 @@ .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } @media screen and (max-width: 769px) { .p-datepicker table th, .p-datepicker table td { @@ -667,8 +670,8 @@ .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -676,7 +679,7 @@ padding: 0.75rem 0.75rem; } .p-cascadeselect .p-cascadeselect-label.p-placeholder { - color: #71717A; + color: #71717a; } .p-cascadeselect .p-cascadeselect-label:enabled:focus { outline: 0 none; @@ -684,7 +687,7 @@ } .p-cascadeselect .p-cascadeselect-trigger { background: transparent; - color: #71717A; + color: #71717a; width: 3rem; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; @@ -716,14 +719,14 @@ .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + box-shadow: inset 0 0 0 0.15rem #6366f1; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { @@ -765,12 +768,12 @@ height: 10px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #4F46E5; - background: #4F46E5; + border-color: #4f46e5; + background: #4f46e5; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { - border-color: #4F46E5; - background: #4F46E5; + border-color: #4f46e5; + background: #4f46e5; color: #ffffff; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { @@ -779,12 +782,12 @@ .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - border-color: #4F46E5; - background: #4F46E5; + border-color: #4f46e5; + background: #4f46e5; color: #ffffff; } .p-checkbox.p-invalid > .p-checkbox-box { @@ -794,13 +797,13 @@ background-color: #fafafa; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #4F46E5; + background: #4f46e5; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #fafafa; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { - background: #4F46E5; + background: #4f46e5; } .p-chips .p-chips-multiple-container { padding: 0.375rem 0.75rem; @@ -812,13 +815,13 @@ .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.375rem 0.75rem; margin-right: 0.5rem; - background: #EEF2FF; + background: #eef2ff; color: #3f3f46; border-radius: 16px; } @@ -844,8 +847,8 @@ height: 2rem; } .p-colorpicker-panel { - background: #27272A; - border: 1px solid #18181B; + background: #27272a; + border: 1px solid #18181b; } .p-colorpicker-panel .p-colorpicker-color-handle, .p-colorpicker-panel .p-colorpicker-hue-handle { @@ -866,8 +869,8 @@ .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.75rem; @@ -877,7 +880,7 @@ border: 0 none; } .p-dropdown .p-dropdown-label.p-placeholder { - color: #71717A; + color: #71717a; } .p-dropdown .p-dropdown-label:enabled:focus { outline: 0 none; @@ -885,13 +888,13 @@ } .p-dropdown .p-dropdown-trigger { background: transparent; - color: #71717A; + color: #71717a; width: 3rem; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .p-dropdown .p-dropdown-clear-icon { - color: #71717A; + color: #71717a; right: 3rem; } .p-dropdown.p-invalid.p-component { @@ -919,7 +922,7 @@ } .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-dropdown-panel .p-dropdown-header .p-dropdown-clearable-filter .p-dropdown-filter { padding-right: 3.5rem; @@ -941,11 +944,11 @@ border-radius: 0; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { @@ -974,7 +977,7 @@ } .p-inputgroup-addon { background: #fafafa; - color: #71717A; + color: #71717a; border-top: 1px solid #d4d4d8; border-left: 1px solid #d4d4d8; border-bottom: 1px solid #d4d4d8; @@ -1062,19 +1065,19 @@ .p-inputswitch.p-focus .p-inputswitch-slider { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider { background: #bebec4; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #4F46E5; + background: #4f46e5; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: #ffffff; } .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider { - background: #4338CA; + background: #4338ca; } .p-inputswitch.p-invalid .p-inputswitch-slider { border-color: #f0a9a7; @@ -1097,8 +1100,8 @@ .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-inputtext.p-invalid.p-component { border-color: #f0a9a7; @@ -1113,7 +1116,7 @@ } .p-float-label > label { left: 0.75rem; - color: #71717A; + color: #71717a; transition-duration: 0.2s; } .p-float-label > label.p-error { @@ -1123,7 +1126,7 @@ .p-input-icon-left > svg:first-of-type, .p-input-icon-left > .p-input-prefix { left: 0.75rem; - color: #71717A; + color: #71717a; } .p-input-icon-left > .p-inputtext { padding-left: 2.5rem; @@ -1135,22 +1138,22 @@ .p-input-icon-right > svg:last-of-type, .p-input-icon-right > .p-input-suffix { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-input-icon-right > .p-inputtext { padding-right: 2.5rem; } ::-webkit-input-placeholder { - color: #71717A; + color: #71717a; } :-moz-placeholder { - color: #71717A; + color: #71717a; } ::-moz-placeholder { - color: #71717A; + color: #71717a; } :-ms-input-placeholder { - color: #71717A; + color: #71717a; } .p-input-filled .p-inputtext { background-color: #fafafa; @@ -1189,7 +1192,7 @@ } .p-listbox .p-listbox-header .p-listbox-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-listbox .p-listbox-list { padding: 0.25rem 0; @@ -1203,13 +1206,13 @@ border-radius: 0; } .p-listbox .p-listbox-list .p-listbox-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-listbox .p-listbox-list .p-listbox-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + box-shadow: inset 0 0 0 0.15rem #6366f1; } .p-listbox .p-listbox-list .p-listbox-item-group { margin: 0; @@ -1224,7 +1227,7 @@ background: transparent; } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-listbox.p-invalid { @@ -1250,12 +1253,12 @@ border-radius: 0; } .p-mention-panel .p-mention-items .p-mention-item:hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-multiselect { background: #ffffff; @@ -1269,8 +1272,8 @@ .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.75rem; @@ -1280,7 +1283,7 @@ transition: none; } .p-multiselect .p-multiselect-label.p-placeholder { - color: #71717A; + color: #71717a; } .p-multiselect.p-multiselect-chip .p-multiselect-token { padding: 0.375rem 0.75rem; @@ -1294,13 +1297,13 @@ } .p-multiselect .p-multiselect-trigger { background: transparent; - color: #71717A; + color: #71717a; width: 3rem; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .p-multiselect .p-multiselect-clear-icon { - color: #71717A; + color: #71717a; right: 3rem; } .p-multiselect.p-invalid.p-component { @@ -1339,26 +1342,26 @@ } .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-multiselect-panel .p-multiselect-items { padding: 0.25rem 0; @@ -1373,17 +1376,17 @@ border-radius: 0; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + box-shadow: inset 0 0 0 0.15rem #6366f1; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox { margin-right: 0.5rem; @@ -1425,13 +1428,13 @@ background: #e5e7eb; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #EF4444; + background: #ef4444; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #F59E0B; + background: #f59e0b; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #22C55E; + background: #22c55e; } .p-radiobutton { width: 16px; @@ -1452,8 +1455,8 @@ .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 6px; @@ -1462,12 +1465,12 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #4F46E5; - background: #4F46E5; + border-color: #4f46e5; + background: #4f46e5; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - border-color: #4F46E5; - background: #4F46E5; + border-color: #4f46e5; + background: #4f46e5; color: #ffffff; } .p-radiobutton.p-invalid > .p-radiobutton-box { @@ -1483,10 +1486,10 @@ background-color: #fafafa; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #4F46E5; + background: #4f46e5; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { - background: #4F46E5; + background: #4f46e5; } .p-rating { gap: 0.5rem; @@ -1501,21 +1504,21 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #EF4444; + color: #ef4444; } .p-rating .p-rating-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #4F46E5; + color: #4f46e5; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #4F46E5; + color: #4f46e5; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #DC2626; + color: #dc2626; } .p-selectbutton .p-button { background: #ffffff; @@ -1525,7 +1528,7 @@ } .p-selectbutton .p-button .p-button-icon-left, .p-selectbutton .p-button .p-button-icon-right { - color: #71717A; + color: #71717a; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { background: #f4f4f5; @@ -1534,11 +1537,11 @@ } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #71717A; + color: #71717a; } .p-selectbutton .p-button.p-highlight { - background: #4F46E5; - border-color: #4F46E5; + background: #4f46e5; + border-color: #4f46e5; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1546,8 +1549,8 @@ color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover { - background: #4338CA; - border-color: #4338CA; + background: #4338ca; + border-color: #4338ca; color: #ffffff; } .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left, @@ -1580,21 +1583,21 @@ height: 1.143rem; width: 1.143rem; background: #ffffff; - border: 2px solid #4F46E5; + border: 2px solid #4f46e5; border-radius: 50%; transition: none; } .p-slider .p-slider-handle:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-slider .p-slider-range { - background: #4F46E5; + background: #4f46e5; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #4F46E5; - border-color: #4F46E5; + background: #4f46e5; + border-color: #4f46e5; } .p-treeselect { background: #ffffff; @@ -1608,8 +1611,8 @@ .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; - border-color: #4F46E5; + box-shadow: 0 0 0 1px #6366f1; + border-color: #4f46e5; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.75rem; @@ -1619,7 +1622,7 @@ transition: none; } .p-treeselect .p-treeselect-label.p-placeholder { - color: #71717A; + color: #71717a; } .p-treeselect.p-treeselect-chip .p-treeselect-token { padding: 0.375rem 0.75rem; @@ -1630,13 +1633,13 @@ } .p-treeselect .p-treeselect-trigger { background: transparent; - color: #71717A; + color: #71717a; width: 3rem; border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; } .p-treeselect .p-treeselect-clear-icon { - color: #71717A; + color: #71717a; right: 3rem; } .p-treeselect.p-invalid.p-component { @@ -1669,7 +1672,7 @@ } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter { padding-right: 3.5rem; @@ -1680,21 +1683,21 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-treeselect-panel .p-treeselect-items-wrapper .p-tree { border: 0 none; @@ -1721,7 +1724,7 @@ } .p-togglebutton.p-button .p-button-icon-left, .p-togglebutton.p-button .p-button-icon-right { - color: #71717A; + color: #71717a; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { background: #f4f4f5; @@ -1730,11 +1733,11 @@ } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left, .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right { - color: #71717A; + color: #71717a; } .p-togglebutton.p-button.p-highlight { - background: #4F46E5; - border-color: #4F46E5; + background: #4f46e5; + border-color: #4f46e5; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1742,8 +1745,8 @@ color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover { - background: #4338CA; - border-color: #4338CA; + background: #4338ca; + border-color: #4338ca; color: #ffffff; } .p-togglebutton.p-button.p-highlight:hover .p-button-icon-left, @@ -1755,80 +1758,80 @@ } .p-button { color: #ffffff; - background: #4F46E5; - border: 1px solid #4F46E5; + background: #4f46e5; + border: 1px solid #4f46e5; padding: 0.75rem 1rem; font-size: 1rem; transition: none; border-radius: 0.375rem; } .p-button:not(:disabled):hover { - background: #4338CA; + background: #4338ca; color: #ffffff; - border-color: #4338CA; + border-color: #4338ca; } .p-button:not(:disabled):active { - background: #4338CA; + background: #4338ca; color: #ffffff; - border-color: #4338CA; + border-color: #4338ca; } .p-button.p-button-outlined { background-color: transparent; - color: #4F46E5; + color: #4f46e5; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(79, 70, 229, 0.04); - color: #4F46E5; + color: #4f46e5; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(79, 70, 229, 0.16); - color: #4F46E5; + color: #4f46e5; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { - color: #71717A; - border-color: #71717A; + color: #71717a; + border-color: #71717a; } .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { background: #f4f4f5; - color: #71717A; + color: #71717a; } .p-button.p-button-outlined.p-button-plain:not(:disabled):active { background: #e5e7eb; - color: #71717A; + color: #71717a; } .p-button.p-button-text { background-color: transparent; - color: #4F46E5; + color: #4f46e5; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(79, 70, 229, 0.04); - color: #4F46E5; + color: #4f46e5; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(79, 70, 229, 0.16); - color: #4F46E5; + color: #4f46e5; border-color: transparent; } .p-button.p-button-text.p-button-plain { - color: #71717A; + color: #71717a; } .p-button.p-button-text.p-button-plain:not(:disabled):hover { background: #f4f4f5; - color: #71717A; + color: #71717a; } .p-button.p-button-text.p-button-plain:not(:disabled):active { background: #e5e7eb; - color: #71717A; + color: #71717a; } .p-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-button .p-button-label { transition-duration: 0.2s; @@ -1850,7 +1853,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #4F46E5; + color: #4f46e5; background-color: #ffffff; } .p-button.p-button-raised { @@ -1914,8 +1917,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #64748B; - border: 1px solid #64748B; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #475569; @@ -1932,282 +1935,282 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #ffffff; - background: #3B82F6; - border: 1px solid #3B82F6; + 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-fileupload-choose.p-button-info:not(:disabled):hover { - background: #2563EB; + background: #2563eb; color: #ffffff; - border-color: #2563EB; + 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-fileupload-choose.p-button-info: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-fileupload-choose.p-button-info:not(:disabled):active { - background: #2563EB; + background: #2563eb; color: #ffffff; - border-color: #2563EB; + 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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #3B82F6; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #3B82F6; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); border-color: transparent; - color: #3B82F6; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(59, 130, 246, 0.16); border-color: transparent; - color: #3B82F6; + color: #3b82f6; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #ffffff; - background: #22C55E; - border: 1px solid #22C55E; + 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-fileupload-choose.p-button-success:not(:disabled):hover { - background: #16A34A; + background: #16a34a; color: #ffffff; - border-color: #16A34A; + 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-fileupload-choose.p-button-success: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-fileupload-choose.p-button-success:not(:disabled):active { - background: #16A34A; + background: #16a34a; color: #ffffff; - border-color: #16A34A; + 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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #ffffff; - background: #F59E0B; - border: 1px solid #F59E0B; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { - background: #D97706; + background: #d97706; color: #ffffff; - border-color: #D97706; + 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-fileupload-choose.p-button-warning: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-fileupload-choose.p-button-warning:not(:disabled):active { - background: #D97706; + background: #d97706; color: #ffffff; - border-color: #D97706; + 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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #F59E0B; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #F59E0B; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(245, 158, 11, 0.04); border-color: transparent; - color: #F59E0B; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(245, 158, 11, 0.16); border-color: transparent; - color: #F59E0B; + color: #f59e0b; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #ffffff; - background: #A855F7; - border: 1px solid #A855F7; + 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-fileupload-choose.p-button-help:not(:disabled):hover { - background: #9333EA; + background: #9333ea; color: #ffffff; - border-color: #9333EA; + 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-fileupload-choose.p-button-help: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-fileupload-choose.p-button-help:not(:disabled):active { - background: #9333EA; + background: #9333ea; color: #ffffff; - border-color: #9333EA; + 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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #ffffff; - background: #EF4444; - border: 1px solid #EF4444; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { - background: #DC2626; + background: #dc2626; color: #ffffff; - border-color: #DC2626; + 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-fileupload-choose.p-button-danger: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-fileupload-choose.p-button-danger:not(:disabled):active { - background: #DC2626; + background: #dc2626; color: #ffffff; - border-color: #DC2626; + 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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-button.p-button-link { - color: #4F46E5; + color: #4f46e5; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #4F46E5; + color: #4f46e5; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2215,12 +2218,12 @@ } .p-button.p-button-link:not(:disabled):focus { background: transparent; - box-shadow: 0 0 0 0.2rem #6366F1; + box-shadow: 0 0 0 0.2rem #6366f1; border-color: transparent; } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #4F46E5; + color: #4f46e5; border-color: transparent; } .p-splitbutton { @@ -2228,54 +2231,54 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #4F46E5; + color: #4f46e5; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(79, 70, 229, 0.04); - color: #4F46E5; + color: #4f46e5; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(79, 70, 229, 0.16); - color: #4F46E5; + color: #4f46e5; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { - color: #71717A; - border-color: #71717A; + color: #71717a; + border-color: #71717a; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { background: #f4f4f5; - color: #71717A; + color: #71717a; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { background: #e5e7eb; - color: #71717A; + color: #71717a; } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #4F46E5; + color: #4f46e5; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(79, 70, 229, 0.04); - color: #4F46E5; + color: #4f46e5; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(79, 70, 229, 0.16); - color: #4F46E5; + color: #4f46e5; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { - color: #71717A; + color: #71717a; } .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { background: #f4f4f5; - color: #71717A; + color: #71717a; } .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { background: #e5e7eb; - color: #71717A; + color: #71717a; } .p-splitbutton.p-button-raised { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); @@ -2311,171 +2314,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #64748B; + color: #64748b; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 116, 139, 0.04); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 116, 139, 0.16); border-color: transparent; - color: #64748B; + color: #64748b; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); - color: #3B82F6; + color: #3b82f6; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(59, 130, 246, 0.16); - color: #3B82F6; + color: #3b82f6; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #3B82F6; + color: #3b82f6; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(59, 130, 246, 0.04); border-color: transparent; - color: #3B82F6; + color: #3b82f6; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(59, 130, 246, 0.16); border-color: transparent; - color: #3B82F6; + color: #3b82f6; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #22C55E; + color: #22c55e; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(34, 197, 94, 0.04); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(34, 197, 94, 0.16); border-color: transparent; - color: #22C55E; + color: #22c55e; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #F59E0B; + color: #f59e0b; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(245, 158, 11, 0.04); - color: #F59E0B; + color: #f59e0b; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(245, 158, 11, 0.16); - color: #F59E0B; + color: #f59e0b; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #F59E0B; + color: #f59e0b; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(245, 158, 11, 0.04); border-color: transparent; - color: #F59E0B; + color: #f59e0b; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(245, 158, 11, 0.16); border-color: transparent; - color: #F59E0B; + color: #f59e0b; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #A855F7; + color: #a855f7; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(168, 85, 247, 0.04); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(168, 85, 247, 0.16); border-color: transparent; - color: #A855F7; + color: #a855f7; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #EF4444; + color: #ef4444; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(239, 68, 68, 0.04); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(239, 68, 68, 0.16); border-color: transparent; - color: #EF4444; + color: #ef4444; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2498,7 +2501,7 @@ color: #fff; } .p-speeddial-action:hover { - background: #27272A; + background: #27272a; color: #fff; } .p-speeddial-direction-up .p-speeddial-item { @@ -2545,7 +2548,7 @@ .p-carousel .p-carousel-content .p-carousel-next { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; @@ -2554,7 +2557,7 @@ } .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover, .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } @@ -2562,7 +2565,7 @@ .p-carousel .p-carousel-content .p-carousel-next:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-carousel .p-carousel-indicators { padding: 1rem; @@ -2582,8 +2585,8 @@ background: #e5e7eb; } .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-datatable .p-paginator-top { border-width: 0 0 1px 0; @@ -2629,7 +2632,7 @@ background: #fafafa; } .p-datatable .p-sortable-column .p-sortable-column-icon { - color: #71717A; + color: #71717a; margin-left: 0.5rem; } .p-datatable .p-sortable-column .p-sortable-column-badge { @@ -2637,8 +2640,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { @@ -2646,24 +2649,24 @@ color: #3f3f46; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #71717A; + color: #71717a; } .p-datatable .p-sortable-column.p-highlight { background: #fafafa; - color: #4F46E5; + color: #4f46e5; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4F46E5; + color: #4f46e5; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: #f4f4f5; - color: #4F46E5; + color: #4f46e5; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #4F46E5; + color: #4f46e5; } .p-datatable .p-sortable-column:focus-visible { - box-shadow: inset 0 0 0 0.15rem #6366F1; + box-shadow: inset 0 0 0 0.15rem #6366f1; outline: 0 none; } .p-datatable .p-datatable-tbody > tr { @@ -2683,7 +2686,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; @@ -2693,7 +2696,7 @@ .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; + color: #18181b; border-color: transparent; background: #f4f4f5; } @@ -2703,7 +2706,7 @@ .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; + box-shadow: 0 0 0 1px #6366f1; } .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; @@ -2712,29 +2715,29 @@ font-weight: 500; } .p-datatable .p-datatable-tbody > tr > td.p-highlight { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-datatable .p-datatable-tbody > tr.p-highlight { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu { - outline: 0.15rem solid #6366F1; + outline: 0.15rem solid #6366f1; outline-offset: -0.15rem; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #EEF2FF; + box-shadow: inset 0 2px 0 0 #eef2ff; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #EEF2FF; + box-shadow: inset 0 -2px 0 0 #eef2ff; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { background: #f4f4f5; color: #3f3f46; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible { - outline: 0.15rem solid #6366F1; + outline: 0.15rem solid #6366f1; outline-offset: -0.15rem; } .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover { @@ -2742,7 +2745,7 @@ color: #3f3f46; } .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible { - outline: 0.15rem solid #6366F1; + outline: 0.15rem solid #6366f1; outline-offset: -0.15rem; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover { @@ -2750,7 +2753,7 @@ color: #3f3f46; } .p-datatable .p-column-resizer-helper { - background: #4F46E5; + background: #4f46e5; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -2826,14 +2829,14 @@ background: #fcfcfc; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { - color: #312E81; + color: #312e81; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { - color: #312E81; + color: #312e81; } .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded { background: #fcfcfc; @@ -2957,48 +2960,48 @@ .p-column-filter-menu-button { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-column-filter-menu-button:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-column-filter-menu-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-column-filter-clear-button { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-column-filter-clear-button:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-column-filter-clear-button:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-column-filter-overlay { background: #ffffff; @@ -3021,17 +3024,17 @@ border-radius: 0; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { - color: #18181B; + color: #18181b; background: #f4f4f5; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + box-shadow: inset 0 0 0 0.15rem #6366f1; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator { border-top: 1px solid #f3f4f6; @@ -3092,7 +3095,7 @@ } .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-orderlist .p-orderlist-list { border: 1px solid #e5e7eb; @@ -3101,6 +3104,7 @@ padding: 0.25rem 0; border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.75rem 1rem; @@ -3112,16 +3116,18 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { background: #f4f4f5; - color: #18181B; + color: #18181b; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #18181b; + background: #e5e7eb; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; + } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #e0e7ff; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #fcfcfc; @@ -3131,11 +3137,11 @@ } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-organizationchart .p-organizationchart-node-content.p-highlight { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i { color: #6f91ff; @@ -3165,11 +3171,11 @@ .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-paginator { background: #ffffff; - color: #71717A; + color: #71717a; border: solid #f4f4f5; border-width: 0; padding: 0.75rem 1.5rem; @@ -3181,7 +3187,7 @@ .p-paginator .p-paginator-last { background-color: transparent; border: 1px solid #d4d4d8; - color: #71717A; + color: #71717a; min-width: 3rem; height: 3rem; margin: 0 0 0 -1px; @@ -3221,7 +3227,7 @@ .p-paginator .p-paginator-current { background-color: transparent; border: 1px solid #d4d4d8; - color: #71717A; + color: #71717a; min-width: 3rem; height: 3rem; margin: 0 0 0 -1px; @@ -3230,7 +3236,7 @@ .p-paginator .p-paginator-pages .p-paginator-page { background-color: transparent; border: 1px solid #d4d4d8; - color: #71717A; + color: #71717a; min-width: 3rem; height: 3rem; margin: 0 0 0 -1px; @@ -3238,9 +3244,9 @@ border-radius: 0; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - background: #EEF2FF; - border-color: #EEF2FF; - color: #312E81; + background: #eef2ff; + border-color: #eef2ff; + color: #312e81; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { background: #f4f4f5; @@ -3274,7 +3280,7 @@ } .p-picklist .p-picklist-filter-container .p-picklist-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-picklist .p-picklist-list { border: 1px solid #e5e7eb; @@ -3294,16 +3300,16 @@ } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-picklist .p-picklist-list .p-picklist-item:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + box-shadow: inset 0 0 0 0.15rem #6366f1; } .p-picklist .p-picklist-list .p-picklist-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-tree { border: 1px solid #e5e7eb; @@ -3324,25 +3330,25 @@ margin-right: 0.5rem; width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon { margin-right: 0.5rem; - color: #71717A; + color: #71717a; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox { margin-right: 0.5rem; @@ -3353,27 +3359,27 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content:focus { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + box-shadow: inset 0 0 0 0.15rem #6366f1; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + 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 { - color: #312E81; + 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 { - color: #312E81; + color: #312e81; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-tree .p-tree-filter-container { margin-bottom: 0.5rem; @@ -3384,7 +3390,7 @@ } .p-tree .p-tree-filter-container .p-tree-filter-icon { right: 0.75rem; - color: #71717A; + color: #71717a; } .p-tree .p-treenode-children { padding: 0 0 0 1rem; @@ -3446,10 +3452,10 @@ background: #fafafa; } .p-treetable .p-sortable-column { - outline-color: #6366F1; + outline-color: #6366f1; } .p-treetable .p-sortable-column .p-sortable-column-icon { - color: #71717A; + color: #71717a; margin-left: 0.5rem; } .p-treetable .p-sortable-column .p-sortable-column-badge { @@ -3457,8 +3463,8 @@ height: 1.143rem; min-width: 1.143rem; line-height: 1.143rem; - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { @@ -3466,14 +3472,14 @@ color: #3f3f46; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { - color: #71717A; + color: #71717a; } .p-treetable .p-sortable-column.p-highlight { background: #fafafa; - color: #4F46E5; + color: #4f46e5; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #4F46E5; + color: #4f46e5; } .p-treetable .p-treetable-tbody > tr { background: #ffffff; @@ -3489,7 +3495,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; @@ -3497,14 +3503,14 @@ margin-right: 0.5rem; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox { margin-right: 0.5rem; @@ -3513,18 +3519,18 @@ color: #3f3f46; } .p-treetable .p-treetable-tbody > tr:focus-visible { - outline: 0.15rem solid #6366F1; + outline: 0.15rem solid #6366f1; outline-offset: -0.15rem; } .p-treetable .p-treetable-tbody > tr.p-highlight { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler { - color: #312E81; + color: #312e81; } .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover { - color: #312E81; + color: #312e81; } .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { background: #f4f4f5; @@ -3534,7 +3540,7 @@ color: #3f3f46; } .p-treetable .p-column-resizer-helper { - background: #4F46E5; + background: #4f46e5; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3572,14 +3578,14 @@ background: #fcfcfc; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler { - color: #312E81; + color: #312e81; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover { - color: #312E81; + color: #312e81; } .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded { background: #fcfcfc; @@ -3615,7 +3621,7 @@ padding: 0.9375rem 1.875rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #4F46E5; + border: 2px solid #4f46e5; border-radius: 50%; width: 1rem; height: 1rem; @@ -3653,7 +3659,7 @@ .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { background: #f4f4f5; @@ -3728,7 +3734,7 @@ .p-card .p-card-subtitle { font-weight: 400; margin-bottom: 0.5rem; - color: #71717A; + color: #71717a; } .p-card .p-card-content { padding: 1.25rem 0; @@ -3766,12 +3772,12 @@ .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { background: #f4f4f5; border-color: #e5e7eb; - color: #18181B; + color: #18181b; } .p-fieldset .p-fieldset-content { padding: 1.25rem; @@ -3813,21 +3819,21 @@ .p-panel .p-panel-header .p-panel-header-icon { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; transition: none; } .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-panel.p-panel-toggleable .p-panel-header { padding: 0.75rem 1.25rem; @@ -3837,19 +3843,15 @@ border: 1px solid #e5e7eb; background: #ffffff; color: #3f3f46; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.75rem 1.25rem; border: 1px solid #e5e7eb; background: #ffffff; color: #3f3f46; - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; border-top: 0 none; } .p-splitter { @@ -3872,6 +3874,11 @@ background: #fafafa; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #e5e7eb; @@ -3885,7 +3892,7 @@ border-width: 0 0 2px 0; border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #71717A; + color: #71717a; padding: 1.25rem; font-weight: 700; border-top-right-radius: 0.375rem; @@ -3896,24 +3903,24 @@ .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; + box-shadow: inset 0 0 0 1px #6366f1; } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #ffffff; - border-color: #71717A; - color: #71717A; + border-color: #71717a; + color: #71717a; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #ffffff; - border-color: #4F46E5; - color: #4F46E5; + border-color: #4f46e5; + color: #4f46e5; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #ffffff; - color: #4F46E5; + color: #4f46e5; width: 3rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); border-radius: 0; @@ -3921,7 +3928,7 @@ .p-tabview .p-tabview-nav-btn.p-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; + box-shadow: inset 0 0 0 1px #6366f1; } .p-tabview .p-tabview-panels { background: #ffffff; @@ -4008,7 +4015,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; @@ -4016,14 +4023,14 @@ margin-right: 0.5rem; } .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-dialog .p-dialog-header .p-dialog-header-icon:last-child { margin-right: 0; @@ -4074,7 +4081,7 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #4F46E5; + background: #4f46e5; color: #ffffff; width: 2rem; height: 2rem; @@ -4085,7 +4092,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #4338CA; + background: #4338ca; color: #ffffff; } .p-overlaypanel:after { @@ -4117,7 +4124,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border: 0 none; background: transparent; border-radius: 50%; @@ -4125,7 +4132,7 @@ } .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover, .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { - color: #18181B; + color: #18181b; border-color: transparent; background: #f4f4f5; } @@ -4133,7 +4140,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-sidebar .p-sidebar-header + .p-sidebar-content { padding-top: 0; @@ -4203,13 +4210,13 @@ .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text { color: #3f3f46; } .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon { - color: #71717A; + color: #71717a; } .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator { margin: 0 0.5rem 0 0.5rem; @@ -4219,7 +4226,7 @@ color: #3f3f46; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #71717A; + color: #71717a; } .p-contextmenu { padding: 0.25rem 0; @@ -4230,142 +4237,168 @@ border-radius: 0.375rem; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + border-radius: 0.375rem; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: #3f3f46; - border-radius: 0; transition: none; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { - color: #71717A; + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #3f3f46; background: #f4f4f5; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #71717a; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #18181b; } - .p-contextmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); - border-radius: 0.375rem; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; background: #f4f4f5; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #3f3f46; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #f3f4f6; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 0.375rem; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #6366f1; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 1rem; @@ -4374,93 +4407,64 @@ border: 1px solid #e5e7eb; border-radius: 0.375rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #3f3f46; - border-radius: 0.375rem; transition: none; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #71717A; + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #71717A; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #3f3f46; background: #f4f4f5; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; - } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #3f3f46; - border-radius: 0; - transition: none; - user-select: none; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; } - .p-megamenu .p-menuitem-link .p-menuitem-text { - color: #3f3f46; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #71717A; - margin-right: 0.5rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #18181b; } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; background: #f4f4f5; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; - } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-megamenu .p-megamenu-panel { background: #ffffff; @@ -4468,7 +4472,7 @@ border: 0 none; box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .p-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #3f3f46; @@ -4477,23 +4481,14 @@ border-top-right-radius: 0.375rem; border-top-left-radius: 0.375rem; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #f3f4f6; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #f4f4f5; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #3f3f46; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #71717A; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4501,21 +4496,49 @@ .p-megamenu .p-megamenu-button { width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border-radius: 50%; transition: none; } .p-megamenu .p-megamenu-button:hover { - color: #71717A; + color: #71717a; background: #f4f4f5; } .p-megamenu .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #3f3f46; + transition: none; + border-radius: 0.375rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #71717a; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4538,39 +4561,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #3f3f46; - border-radius: 0; transition: none; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #71717A; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #3f3f46; background: #f4f4f5; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4603,39 +4648,61 @@ border-radius: 0.375rem; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #3f3f46; - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-menu .p-menuitem-link .p-menuitem-icon { - color: #71717A; + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #3f3f46; background: #f4f4f5; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #71717a; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #18181b; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #71717a; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4662,90 +4729,95 @@ border: 1px solid #e5e7eb; border-radius: 0.375rem; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #3f3f46; - border-radius: 0; transition: none; + border-radius: 0.375rem; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-menubar .p-menuitem-link .p-menuitem-icon { - color: #71717A; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; background: #f4f4f5; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; - } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; - } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #3f3f46; - border-radius: 0.375rem; transition: none; + border-radius: 0; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #71717A; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #71717A; - margin-left: 0.5rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #3f3f46; background: #f4f4f5; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #f4f4f5; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #18181b; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #3f3f46; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-menubar .p-submenu-list { padding: 0.25rem 0; @@ -4754,25 +4826,70 @@ 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-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #f3f4f6; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #71717a; + border-radius: 50%; + transition: none; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #71717a; background: #f4f4f5; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #3f3f46; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #6366f1; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #f3f4f6; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4782,18 +4899,18 @@ display: flex; width: 2rem; height: 2rem; - color: #71717A; + color: #71717a; border-radius: 50%; transition: none; } .p-menubar .p-menubar-button:hover { - color: #71717A; + color: #71717a; background: #f4f4f5; } .p-menubar .p-menubar-button:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-menubar .p-menubar-root-list { position: absolute; @@ -4819,39 +4936,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #3f3f46; - border-radius: 0; transition: none; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { - color: #71717A; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #3f3f46; background: #f4f4f5; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4900,42 +5039,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1.25rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #e5e7eb; color: #3f3f46; background: #fafafa; - font-weight: 700; border-radius: 0.375rem; transition: none; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #3f3f46; + padding: 1.25rem; + font-weight: 700; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: inset 0 0 0 1px #6366f1; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: #f4f4f5; border-color: #e5e7eb; color: #3f3f46; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #fafafa; border-color: #e5e7eb; color: #3f3f46; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #e5e7eb; background: #f4f4f5; color: #3f3f46; @@ -4951,66 +5094,95 @@ border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #3f3f46; - border-radius: 0; transition: none; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { - color: #71717A; + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #3f3f46; background: #f4f4f5; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; + } + .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: #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 { + color: #18181b; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #71717a; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #f3f4f6; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 0.375rem; border-top-left-radius: 0.375rem; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } @@ -5026,39 +5198,61 @@ border-radius: 0.375rem; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #3f3f46; - border-radius: 0; transition: none; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { - color: #71717A; + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #3f3f46; background: #f4f4f5; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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; @@ -5078,7 +5272,7 @@ color: #3f3f46; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon { - color: #71717A; + color: #71717a; } .p-slidemenu .p-slidemenu-separator { border-top: 1px solid #f3f4f6; @@ -5114,16 +5308,16 @@ } .p-steps .p-steps-item .p-menuitem-link .p-steps-title { margin-top: 0.5rem; - color: #71717A; + color: #71717a; } .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-steps .p-steps-item.p-highlight .p-steps-number { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-steps .p-steps-item.p-highlight .p-steps-title { font-weight: 600; @@ -5152,7 +5346,7 @@ border-width: 0 0 2px 0; border-color: transparent transparent #e5e7eb transparent; background: #ffffff; - color: #71717A; + color: #71717a; padding: 1.25rem; font-weight: 700; border-top-right-radius: 0.375rem; @@ -5167,17 +5361,17 @@ .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: inset 0 0 0 1px #6366F1; + box-shadow: inset 0 0 0 1px #6366f1; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #ffffff; - border-color: #71717A; - color: #71717A; + border-color: #71717a; + color: #71717a; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #ffffff; - border-color: #4F46E5; - color: #4F46E5; + border-color: #4f46e5; + color: #4f46e5; } .p-tieredmenu { padding: 0.25rem 0; @@ -5187,67 +5381,82 @@ border-radius: 0.375rem; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + .p-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #ffffff; + border: 0 none; + box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + .p-tieredmenu .p-menuitem > .p-menuitem-content { color: #3f3f46; - border-radius: 0; transition: none; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #3f3f46; + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #3f3f46; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { - color: #71717A; + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #71717a; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #3f3f46; background: #f4f4f5; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: #18181B; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #3f3f46; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #6366F1; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #18181b; + background: #e5e7eb; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #18181b; } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #ffffff; - border: 0 none; - box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #18181b; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #18181b; background: #f4f4f5; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #3f3f46; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #18181b; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #71717A; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #71717a; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #f3f4f6; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5259,16 +5468,16 @@ border-radius: 0.375rem; } .p-inline-message.p-inline-message-info { - background: #EFF6FF; - border: solid #2563EB; + background: #eff6ff; + border: solid #2563eb; border-width: 0px; - color: #2563EB; + color: #2563eb; } .p-inline-message.p-inline-message-info .p-inline-message-icon { - color: #2563EB; + color: #2563eb; } .p-inline-message.p-inline-message-success { - background: #ECFDF5; + background: #ecfdf5; border: solid #059669; border-width: 0px; color: #059669; @@ -5277,22 +5486,22 @@ color: #059669; } .p-inline-message.p-inline-message-warn { - background: #FEF3C7; - border: solid #D97706; + background: #fef3c7; + border: solid #d97706; border-width: 0px; - color: #D97706; + color: #d97706; } .p-inline-message.p-inline-message-warn .p-inline-message-icon { - color: #D97706; + color: #d97706; } .p-inline-message.p-inline-message-error { - background: #FEF3C7; - border: solid #DC2626; + background: #fef3c7; + border: solid #dc2626; border-width: 0px; - color: #DC2626; + color: #dc2626; } .p-inline-message.p-inline-message-error .p-inline-message-icon { - color: #DC2626; + color: #dc2626; } .p-inline-message .p-inline-message-icon { font-size: 1rem; @@ -5328,22 +5537,22 @@ .p-message .p-message-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-message.p-message-info { - background: #EFF6FF; - border: solid #2563EB; + background: #eff6ff; + border: solid #2563eb; border-width: 0 0 0 6px; - color: #2563EB; + color: #2563eb; } .p-message.p-message-info .p-message-icon { - color: #2563EB; + color: #2563eb; } .p-message.p-message-info .p-message-close { - color: #2563EB; + color: #2563eb; } .p-message.p-message-success { - background: #ECFDF5; + background: #ecfdf5; border: solid #059669; border-width: 0 0 0 6px; color: #059669; @@ -5355,28 +5564,28 @@ color: #059669; } .p-message.p-message-warn { - background: #FEF3C7; - border: solid #D97706; + background: #fef3c7; + border: solid #d97706; border-width: 0 0 0 6px; - color: #D97706; + color: #d97706; } .p-message.p-message-warn .p-message-icon { - color: #D97706; + color: #d97706; } .p-message.p-message-warn .p-message-close { - color: #D97706; + color: #d97706; } .p-message.p-message-error { - background: #FEF3C7; - border: solid #DC2626; + background: #fef3c7; + border: solid #dc2626; border-width: 0 0 0 6px; - color: #DC2626; + color: #dc2626; } .p-message.p-message-error .p-message-icon { - color: #DC2626; + color: #dc2626; } .p-message.p-message-error .p-message-close { - color: #DC2626; + color: #dc2626; } .p-message .p-message-text { font-size: 1rem; @@ -5437,20 +5646,20 @@ .p-toast .p-toast-message .p-toast-icon-close:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-toast .p-toast-message.p-toast-message-info { - background: #EFF6FF; - border: solid #2563EB; + background: #eff6ff; + border: solid #2563eb; border-width: 0 0 0 6px; - color: #2563EB; + color: #2563eb; } .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close { - color: #2563EB; + color: #2563eb; } .p-toast .p-toast-message.p-toast-message-success { - background: #ECFDF5; + background: #ecfdf5; border: solid #059669; border-width: 0 0 0 6px; color: #059669; @@ -5460,24 +5669,24 @@ color: #059669; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FEF3C7; - border: solid #D97706; + background: #fef3c7; + border: solid #d97706; border-width: 0 0 0 6px; - color: #D97706; + 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 { - color: #D97706; + color: #d97706; } .p-toast .p-toast-message.p-toast-message-error { - background: #FEF3C7; - border: solid #DC2626; + background: #fef3c7; + border: solid #dc2626; border-width: 0 0 0 6px; - color: #DC2626; + color: #dc2626; } .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon, .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close { - color: #DC2626; + color: #dc2626; } .p-galleria .p-galleria-close { margin: 0.5rem; @@ -5540,8 +5749,8 @@ background: #e5e7eb; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator { margin-right: 0.5rem; @@ -5559,8 +5768,8 @@ background: rgba(255, 255, 255, 0.6); } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #EEF2FF; - color: #312E81; + background: #eef2ff; + color: #312e81; } .p-galleria .p-galleria-thumbnail-container { background: rgba(0, 0, 0, 0.9); @@ -5587,7 +5796,7 @@ .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-galleria-mask { --maskbg: rgba(0, 0, 0, 0.9); @@ -5687,7 +5896,7 @@ .p-chip .p-chip-remove-icon:focus-visible { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-chip .p-chip-remove-icon:focus { outline: 0 none; @@ -5721,7 +5930,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)); } .p-tag { - background: #4F46E5; + background: #4f46e5; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5729,19 +5938,19 @@ border-radius: 0.375rem; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { - background-color: #3B82F6; + background-color: #3b82f6; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #F59E0B; + background-color: #f59e0b; color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5759,12 +5968,12 @@ } .p-inplace .p-inplace-display:not(.p-disabled):hover { background: #f4f4f5; - color: #18181B; + color: #18181b; } .p-inplace .p-inplace-display:focus { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #6366F1; + box-shadow: 0 0 0 1px #6366f1; } .p-progressbar { border: 0 none; @@ -5775,7 +5984,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #4F46E5; + background: #4f46e5; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5793,7 +6002,7 @@ font-size: 1rem; } .p-badge { - background: #4F46E5; + background: #4f46e5; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5802,23 +6011,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #64748B; + background-color: #64748b; color: #ffffff; } .p-badge.p-badge-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-badge.p-badge-info { - background-color: #3B82F6; + background-color: #3b82f6; color: #ffffff; } .p-badge.p-badge-warning { - background-color: #F59E0B; + background-color: #f59e0b; color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5834,7 +6043,7 @@ line-height: 3rem; } .p-tag { - background: #4F46E5; + background: #4f46e5; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5842,19 +6051,19 @@ border-radius: 0.375rem; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { - background-color: #3B82F6; + background-color: #3b82f6; color: #ffffff; } .p-tag.p-tag-warning { - background-color: #F59E0B; + background-color: #f59e0b; color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } } @@ -5876,52 +6085,52 @@ font-weight: 500; } .p-inputswitch.p-focus .p-inputswitch-slider { - box-shadow: 0 0 0 2px #6366F1; + box-shadow: 0 0 0 2px #6366f1; } .p-paginator .p-paginator-pages .p-paginator-page { margin-left: -1px; } .p-paginator .p-paginator-pages .p-paginator-page.p-highlight { - border-color: #4F46E5; + border-color: #4f46e5; margin-right: 1px; } .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); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #6366f1, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-secondary:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #64748B, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #64748b, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-success:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #22C55E, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #22c55e, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-info:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #3B82F6, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #3b82f6, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-warning:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #F59E0B, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f59e0b, 0 1px 2px 0 rgba(0, 0, 0, 0); } .p-button.p-button-help:enabled:focus { - box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #A855F7, 0 1px 2px 0 rgba(0, 0, 0, 0); + box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #a855f7, 0 1px 2px 0 rgba(0, 0, 0, 0); } .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); + 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); + 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); + 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; + box-shadow: inset 0 2px 0 0 #4f46e5; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #4F46E5; + box-shadow: inset 0 -2px 0 0 #4f46e5; } } diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 65708b9881..b2932e5aea 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1f2d40; - --surface-b:#17212f; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#304562; - --surface-e:#1f2d40; - --surface-f:#1f2d40; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#64B5F6; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1f2d40; + --surface-b: #17212f; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #304562; + --surface-e: #1f2d40; + --surface-f: #1f2d40; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #64b5f6; + --primary-color-text: #212529; --surface-0: #17212f; --surface-50: #2e3744; --surface-100: #454d59; @@ -22,7 +24,7 @@ --surface-700: #d1d3d5; --surface-800: #e8e9ea; --surface-900: #ffffff; - --gray-50:#e8e9ea; + --gray-50: #e8e9ea; --gray-100: #d1d3d5; --gray-200: #b9bcc1; --gray-300: #a2a6ac; @@ -32,15 +34,15 @@ --gray-700: #454d59; --gray-800: #2e3744; --gray-900: #17212f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#17212f; - --surface-section:#17212f; - --surface-card:#1f2d40; - --surface-overlay:#1f2d40; - --surface-border:#304562; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #17212f; + --surface-section: #17212f; + --surface-card: #1f2d40; + --surface-overlay: #1f2d40; + --surface-border: #304562; + --surface-hover: rgba(255, 255, 255, 0.03); --focus-ring: 0 0 0 1px #93cbf9; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(100, 181, 246, 0.16); @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #64B5F6; + color: #64b5f6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #64B5F6; + stroke: #64b5f6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #64B5F6; + fill: #64b5f6; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #64B5F6; + color: #64b5f6; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #64B5F6; + color: #64b5f6; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -509,7 +511,7 @@ } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -735,8 +737,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #64B5F6; - background: #64B5F6; + border-color: #64b5f6; + background: #64b5f6; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #2396f2; @@ -744,13 +746,13 @@ color: #212529; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #2396f2; @@ -764,7 +766,7 @@ background-color: #304562; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #64B5F6; + background: #64b5f6; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #304562; @@ -777,13 +779,13 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; @@ -831,13 +833,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -1038,7 +1040,7 @@ background: rgba(255, 255, 255, 0.03); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #64B5F6; + background: #64b5f6; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: rgba(255, 255, 255, 0.87); @@ -1062,13 +1064,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-inputtext.p-invalid.p-component { border-color: #ef9a9a; @@ -1234,13 +1236,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.5rem; @@ -1395,13 +1397,13 @@ background: #304562; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } .p-radiobutton { width: 20px; @@ -1417,13 +1419,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1432,8 +1434,8 @@ background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #64B5F6; - background: #64B5F6; + border-color: #64b5f6; + background: #64b5f6; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #2396f2; @@ -1453,7 +1455,7 @@ background-color: #304562; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #64B5F6; + background: #64b5f6; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #2396f2; @@ -1471,7 +1473,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1479,13 +1481,13 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #64B5F6; + color: #64b5f6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #64B5F6; + color: #64b5f6; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1f2d40; @@ -1507,8 +1509,8 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #64B5F6; - border-color: #64B5F6; + background: #64b5f6; + border-color: #64b5f6; color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1550,7 +1552,7 @@ height: 1.143rem; width: 1.143rem; background: #304562; - border: 2px solid #64B5F6; + border: 2px solid #64b5f6; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1560,11 +1562,11 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-slider .p-slider-range { - background: #64B5F6; + background: #64b5f6; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #64B5F6; - border-color: #64B5F6; + background: #64b5f6; + border-color: #64b5f6; } .p-treeselect { background: #17212f; @@ -1573,13 +1575,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #64B5F6; + border-color: #64b5f6; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; - border-color: #64B5F6; + border-color: #64b5f6; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.5rem; @@ -1703,8 +1705,8 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #64B5F6; - border-color: #64B5F6; + background: #64b5f6; + border-color: #64b5f6; color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1725,8 +1727,8 @@ } .p-button { color: #212529; - background: #64B5F6; - border: 1px solid #64B5F6; + background: #64b5f6; + border: 1px solid #64b5f6; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1744,17 +1746,17 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #64B5F6; + color: #64b5f6; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); - color: #64B5F6; + color: #64b5f6; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(100, 181, 246, 0.16); - color: #64B5F6; + color: #64b5f6; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1771,17 +1773,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(100, 181, 246, 0.16); - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1820,7 +1822,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #64B5F6; + color: #64b5f6; background-color: #212529; } .p-button.p-button-raised { @@ -1884,8 +1886,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #69838f; @@ -1902,38 +1904,38 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + 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-fileupload-choose.p-button-info:not(:disabled):hover { background: #5dc8f9; @@ -1950,38 +1952,38 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + 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-fileupload-choose.p-button-success:not(:disabled):hover { background: #b2d788; @@ -1998,38 +2000,38 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { background: #ffd65c; @@ -2046,38 +2048,38 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { background: #c278ce; @@ -2094,38 +2096,38 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { background: #f16c98; @@ -2142,42 +2144,42 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { - color: #64B5F6; + color: #64b5f6; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2190,7 +2192,7 @@ } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-splitbutton { @@ -2198,16 +2200,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #64B5F6; + color: #64b5f6; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); - color: #64B5F6; + color: #64b5f6; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(100, 181, 246, 0.16); - color: #64B5F6; + color: #64b5f6; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); @@ -2223,17 +2225,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(100, 181, 246, 0.04); - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(100, 181, 246, 0.16); - color: #64B5F6; + color: #64b5f6; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2281,171 +2283,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2620,17 +2622,17 @@ } .p-datatable .p-sortable-column.p-highlight { background: #1f2d40; - color: #64B5F6; + color: #64b5f6; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #64B5F6; + color: #64b5f6; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: rgba(255, 255, 255, 0.03); - color: #64B5F6; + color: #64b5f6; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #64B5F6; + color: #64b5f6; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #93cbf9; @@ -2720,7 +2722,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #64B5F6; + background: #64b5f6; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -3071,6 +3073,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3084,15 +3087,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(100, 181, 246, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(100, 181, 246, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); } @@ -3440,10 +3445,10 @@ } .p-treetable .p-sortable-column.p-highlight { background: #1f2d40; - color: #64B5F6; + color: #64b5f6; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #64B5F6; + color: #64b5f6; } .p-treetable .p-treetable-tbody > tr { background: #1f2d40; @@ -3504,7 +3509,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #64B5F6; + background: #64b5f6; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3585,7 +3590,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #64B5F6; + border: 2px solid #64b5f6; border-radius: 50%; width: 1rem; height: 1rem; @@ -3807,19 +3812,15 @@ border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3842,6 +3843,11 @@ background: #304562; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #304562; @@ -3870,20 +3876,20 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1f2d40; - border-color: #64B5F6; + border-color: #64b5f6; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1f2d40; - border-color: #64B5F6; - color: #64B5F6; + border-color: #64b5f6; + color: #64b5f6; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #1f2d40; - color: #64B5F6; + color: #64b5f6; width: 2.357rem; 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); border-radius: 0; @@ -4044,7 +4050,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #64B5F6; + background: #64b5f6; color: #212529; width: 2rem; height: 2rem; @@ -4200,142 +4206,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .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-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - 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); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #93cbf9; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4344,101 +4376,72 @@ border: 1px solid #304562; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #17212f; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .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.09); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link { - padding: 0.75rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } .p-megamenu .p-megamenu-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -4447,23 +4450,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4484,8 +4478,36 @@ outline-offset: 0; box-shadow: 0 0 0 1px #93cbf9; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4508,39 +4530,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4573,39 +4617,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #1f2d40; @@ -4632,89 +4698,94 @@ border: 1px solid #304562; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #17212f; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4724,25 +4795,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #93cbf9; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4789,39 +4905,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4870,42 +5008,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); background: #1f2d40; - font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #93cbf9; + box-shadow: inset 0 0 0 1px #93cbf9; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #304562; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1f2d40; border-color: #304562; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #304562; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4921,66 +5063,95 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @@ -4996,39 +5167,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #1f2d40; @@ -5141,13 +5334,13 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1f2d40; - border-color: #64B5F6; + border-color: #64b5f6; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1f2d40; - border-color: #64B5F6; - color: #64B5F6; + border-color: #64b5f6; + color: #64b5f6; } .p-tieredmenu { padding: 0.25rem 0; @@ -5157,67 +5350,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #93cbf9; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #1f2d40; - border: 1px solid #304562; - 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-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.09); } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - 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-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.p-menuitem-active > .p-menuitem-link { - background: #17212f; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5229,7 +5437,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5238,7 +5446,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5247,7 +5455,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5256,7 +5464,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5301,7 +5509,7 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5313,7 +5521,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5325,7 +5533,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5337,7 +5545,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5410,7 +5618,7 @@ box-shadow: 0 0 0 1px #93cbf9; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5420,7 +5628,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5430,7 +5638,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5440,7 +5648,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5691,7 +5899,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } .p-tag { - background: #64B5F6; + background: #64b5f6; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5699,19 +5907,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { @@ -5745,7 +5953,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #64B5F6; + background: #64b5f6; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5763,7 +5971,7 @@ font-size: 1rem; } .p-badge { - background: #64B5F6; + background: #64b5f6; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5772,23 +5980,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -5804,7 +6012,7 @@ line-height: 3rem; } .p-tag { - background: #64B5F6; + background: #64b5f6; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5812,37 +6020,37 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } } /* Customizations to the designer theme should be defined here */ @layer primereact { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #64B5F6; + background-color: #64b5f6; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #64B5F6; + background-color: #64b5f6; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #64B5F6; + background: #64b5f6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #64B5F6; + box-shadow: inset 0 2px 0 0 #64b5f6; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #64B5F6; + box-shadow: inset 0 -2px 0 0 #64b5f6; } } diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 5289a0f6a0..960eaea9df 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1f2d40; - --surface-b:#17212f; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#304562; - --surface-e:#1f2d40; - --surface-f:#1f2d40; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#81C784; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1f2d40; + --surface-b: #17212f; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #304562; + --surface-e: #1f2d40; + --surface-f: #1f2d40; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #81c784; + --primary-color-text: #212529; --surface-0: #17212f; --surface-50: #2e3744; --surface-100: #454d59; @@ -22,7 +24,7 @@ --surface-700: #d1d3d5; --surface-800: #e8e9ea; --surface-900: #ffffff; - --gray-50:#e8e9ea; + --gray-50: #e8e9ea; --gray-100: #d1d3d5; --gray-200: #b9bcc1; --gray-300: #a2a6ac; @@ -32,15 +34,15 @@ --gray-700: #454d59; --gray-800: #2e3744; --gray-900: #17212f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#17212f; - --surface-section:#17212f; - --surface-card:#1f2d40; - --surface-overlay:#1f2d40; - --surface-border:#304562; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #17212f; + --surface-section: #17212f; + --surface-card: #1f2d40; + --surface-overlay: #1f2d40; + --surface-border: #304562; + --surface-hover: rgba(255, 255, 255, 0.03); --focus-ring: 0 0 0 1px #a7d8a9; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(129, 199, 132, 0.16); @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #81C784; + color: #81c784; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #81C784; + stroke: #81c784; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #81C784; + fill: #81c784; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #81C784; + color: #81c784; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #81C784; + border-color: #81c784; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #81C784; + color: #81c784; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -509,7 +511,7 @@ } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #81C784; + color: #81c784; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #81C784; + border-color: #81c784; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -735,8 +737,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #81C784; - background: #81C784; + border-color: #81c784; + background: #81c784; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #54b358; @@ -744,13 +746,13 @@ color: #212529; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #81C784; + border-color: #81c784; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #54b358; @@ -764,7 +766,7 @@ background-color: #304562; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #81C784; + background: #81c784; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #304562; @@ -777,13 +779,13 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #81C784; + border-color: #81c784; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; @@ -831,13 +833,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #81C784; + border-color: #81c784; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -1038,7 +1040,7 @@ background: rgba(255, 255, 255, 0.03); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #81C784; + background: #81c784; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: rgba(255, 255, 255, 0.87); @@ -1062,13 +1064,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #81C784; + border-color: #81c784; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-inputtext.p-invalid.p-component { border-color: #ef9a9a; @@ -1234,13 +1236,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #81C784; + border-color: #81c784; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.5rem; @@ -1395,13 +1397,13 @@ background: #304562; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } .p-radiobutton { width: 20px; @@ -1417,13 +1419,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #81C784; + border-color: #81c784; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1432,8 +1434,8 @@ background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #81C784; - background: #81C784; + border-color: #81c784; + background: #81c784; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #54b358; @@ -1453,7 +1455,7 @@ background-color: #304562; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #81C784; + background: #81c784; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #54b358; @@ -1471,7 +1473,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1479,13 +1481,13 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #81C784; + color: #81c784; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #81C784; + color: #81c784; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1f2d40; @@ -1507,8 +1509,8 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #81C784; - border-color: #81C784; + background: #81c784; + border-color: #81c784; color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1550,7 +1552,7 @@ height: 1.143rem; width: 1.143rem; background: #304562; - border: 2px solid #81C784; + border: 2px solid #81c784; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1560,11 +1562,11 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-slider .p-slider-range { - background: #81C784; + background: #81c784; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #81C784; - border-color: #81C784; + background: #81c784; + border-color: #81c784; } .p-treeselect { background: #17212f; @@ -1573,13 +1575,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #81C784; + border-color: #81c784; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; - border-color: #81C784; + border-color: #81c784; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.5rem; @@ -1703,8 +1705,8 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #81C784; - border-color: #81C784; + background: #81c784; + border-color: #81c784; color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1725,8 +1727,8 @@ } .p-button { color: #212529; - background: #81C784; - border: 1px solid #81C784; + background: #81c784; + border: 1px solid #81c784; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1744,17 +1746,17 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #81C784; + color: #81c784; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); - color: #81C784; + color: #81c784; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(129, 199, 132, 0.16); - color: #81C784; + color: #81c784; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1771,17 +1773,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #81C784; + color: #81c784; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); - color: #81C784; + color: #81c784; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(129, 199, 132, 0.16); - color: #81C784; + color: #81c784; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1820,7 +1822,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #81C784; + color: #81c784; background-color: #212529; } .p-button.p-button-raised { @@ -1884,8 +1886,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #69838f; @@ -1902,38 +1904,38 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + 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-fileupload-choose.p-button-info:not(:disabled):hover { background: #5dc8f9; @@ -1950,38 +1952,38 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + 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-fileupload-choose.p-button-success:not(:disabled):hover { background: #b2d788; @@ -1998,38 +2000,38 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { background: #ffd65c; @@ -2046,38 +2048,38 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { background: #c278ce; @@ -2094,38 +2096,38 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { background: #f16c98; @@ -2142,42 +2144,42 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { - color: #81C784; + color: #81c784; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #81C784; + color: #81c784; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2190,7 +2192,7 @@ } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #81C784; + color: #81c784; border-color: transparent; } .p-splitbutton { @@ -2198,16 +2200,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #81C784; + color: #81c784; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); - color: #81C784; + color: #81c784; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 199, 132, 0.16); - color: #81C784; + color: #81c784; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); @@ -2223,17 +2225,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #81C784; + color: #81c784; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 199, 132, 0.04); - color: #81C784; + color: #81c784; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 199, 132, 0.16); - color: #81C784; + color: #81c784; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2281,171 +2283,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2620,17 +2622,17 @@ } .p-datatable .p-sortable-column.p-highlight { background: #1f2d40; - color: #81C784; + color: #81c784; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #81C784; + color: #81c784; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: rgba(255, 255, 255, 0.03); - color: #81C784; + color: #81c784; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #81C784; + color: #81c784; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #a7d8a9; @@ -2720,7 +2722,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #81C784; + background: #81c784; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -3071,6 +3073,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3084,15 +3087,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(129, 199, 132, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(129, 199, 132, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); } @@ -3440,10 +3445,10 @@ } .p-treetable .p-sortable-column.p-highlight { background: #1f2d40; - color: #81C784; + color: #81c784; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #81C784; + color: #81c784; } .p-treetable .p-treetable-tbody > tr { background: #1f2d40; @@ -3504,7 +3509,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #81C784; + background: #81c784; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3585,7 +3590,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #81C784; + border: 2px solid #81c784; border-radius: 50%; width: 1rem; height: 1rem; @@ -3807,19 +3812,15 @@ border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3842,6 +3843,11 @@ background: #304562; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #304562; @@ -3870,20 +3876,20 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1f2d40; - border-color: #81C784; + border-color: #81c784; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1f2d40; - border-color: #81C784; - color: #81C784; + border-color: #81c784; + color: #81c784; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #1f2d40; - color: #81C784; + color: #81c784; width: 2.357rem; 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); border-radius: 0; @@ -4044,7 +4050,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #81C784; + background: #81c784; color: #212529; width: 2rem; height: 2rem; @@ -4200,142 +4206,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .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-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - 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); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #a7d8a9; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4344,101 +4376,72 @@ border: 1px solid #304562; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #17212f; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .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.09); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link { - padding: 0.75rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } .p-megamenu .p-megamenu-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -4447,23 +4450,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4484,8 +4478,36 @@ outline-offset: 0; box-shadow: 0 0 0 1px #a7d8a9; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4508,39 +4530,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4573,39 +4617,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #1f2d40; @@ -4632,89 +4698,94 @@ border: 1px solid #304562; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #17212f; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4724,25 +4795,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #a7d8a9; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4789,39 +4905,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4870,42 +5008,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); background: #1f2d40; - font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #a7d8a9; + box-shadow: inset 0 0 0 1px #a7d8a9; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #304562; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1f2d40; border-color: #304562; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #304562; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4921,66 +5063,95 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @@ -4996,39 +5167,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #1f2d40; @@ -5141,13 +5334,13 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1f2d40; - border-color: #81C784; + border-color: #81c784; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1f2d40; - border-color: #81C784; - color: #81C784; + border-color: #81c784; + color: #81c784; } .p-tieredmenu { padding: 0.25rem 0; @@ -5157,67 +5350,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #a7d8a9; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #1f2d40; - border: 1px solid #304562; - 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-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.09); } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - 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-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.p-menuitem-active > .p-menuitem-link { - background: #17212f; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5229,7 +5437,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5238,7 +5446,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5247,7 +5455,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5256,7 +5464,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5301,7 +5509,7 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5313,7 +5521,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5325,7 +5533,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5337,7 +5545,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5410,7 +5618,7 @@ box-shadow: 0 0 0 1px #a7d8a9; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5420,7 +5628,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5430,7 +5638,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5440,7 +5648,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5691,7 +5899,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } .p-tag { - background: #81C784; + background: #81c784; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5699,19 +5907,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { @@ -5745,7 +5953,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #81C784; + background: #81c784; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5763,7 +5971,7 @@ font-size: 1rem; } .p-badge { - background: #81C784; + background: #81c784; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5772,23 +5980,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -5804,7 +6012,7 @@ line-height: 3rem; } .p-tag { - background: #81C784; + background: #81c784; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5812,37 +6020,37 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } } /* Customizations to the designer theme should be defined here */ @layer primereact { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #81C784; + background-color: #81c784; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #81C784; + background-color: #81c784; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #81C784; + background: #81c784; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #81C784; + box-shadow: inset 0 2px 0 0 #81c784; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #81C784; + box-shadow: inset 0 -2px 0 0 #81c784; } } diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index cab72ae758..17c3550f83 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1f2d40; - --surface-b:#17212f; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#304562; - --surface-e:#1f2d40; - --surface-f:#1f2d40; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#FFD54F; - --primary-color-text:#212529; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1f2d40; + --surface-b: #17212f; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #304562; + --surface-e: #1f2d40; + --surface-f: #1f2d40; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #ffd54f; + --primary-color-text: #212529; --surface-0: #17212f; --surface-50: #2e3744; --surface-100: #454d59; @@ -22,7 +24,7 @@ --surface-700: #d1d3d5; --surface-800: #e8e9ea; --surface-900: #ffffff; - --gray-50:#e8e9ea; + --gray-50: #e8e9ea; --gray-100: #d1d3d5; --gray-200: #b9bcc1; --gray-300: #a2a6ac; @@ -32,15 +34,15 @@ --gray-700: #454d59; --gray-800: #2e3744; --gray-900: #17212f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#17212f; - --surface-section:#17212f; - --surface-card:#1f2d40; - --surface-overlay:#1f2d40; - --surface-border:#304562; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #17212f; + --surface-section: #17212f; + --surface-card: #1f2d40; + --surface-overlay: #1f2d40; + --surface-border: #304562; + --surface-hover: rgba(255, 255, 255, 0.03); --focus-ring: 0 0 0 1px #ffe284; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(255, 213, 79, 0.16); @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #FFD54F; + color: #ffd54f; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #FFD54F; + stroke: #ffd54f; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #FFD54F; + fill: #ffd54f; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #FFD54F; + color: #ffd54f; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #FFD54F; + color: #ffd54f; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -509,7 +511,7 @@ } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -735,8 +737,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #FFD54F; - background: #FFD54F; + border-color: #ffd54f; + background: #ffd54f; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #ffc50c; @@ -744,13 +746,13 @@ color: #212529; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #ffc50c; @@ -764,7 +766,7 @@ background-color: #304562; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #FFD54F; + background: #ffd54f; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #304562; @@ -777,13 +779,13 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; @@ -831,13 +833,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -1038,7 +1040,7 @@ background: rgba(255, 255, 255, 0.03); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #FFD54F; + background: #ffd54f; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: rgba(255, 255, 255, 0.87); @@ -1062,13 +1064,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-inputtext.p-invalid.p-component { border-color: #ef9a9a; @@ -1234,13 +1236,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.5rem; @@ -1395,13 +1397,13 @@ background: #304562; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } .p-radiobutton { width: 20px; @@ -1417,13 +1419,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1432,8 +1434,8 @@ background-color: #212529; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #FFD54F; - background: #FFD54F; + border-color: #ffd54f; + background: #ffd54f; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #ffc50c; @@ -1453,7 +1455,7 @@ background-color: #304562; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #FFD54F; + background: #ffd54f; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #ffc50c; @@ -1471,7 +1473,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1479,13 +1481,13 @@ box-shadow: 0 0 0 1px #ffe284; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #FFD54F; + color: #ffd54f; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #FFD54F; + color: #ffd54f; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1f2d40; @@ -1507,8 +1509,8 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #FFD54F; - border-color: #FFD54F; + background: #ffd54f; + border-color: #ffd54f; color: #212529; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1550,7 +1552,7 @@ height: 1.143rem; width: 1.143rem; background: #304562; - border: 2px solid #FFD54F; + border: 2px solid #ffd54f; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1560,11 +1562,11 @@ box-shadow: 0 0 0 1px #ffe284; } .p-slider .p-slider-range { - background: #FFD54F; + background: #ffd54f; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #FFD54F; - border-color: #FFD54F; + background: #ffd54f; + border-color: #ffd54f; } .p-treeselect { background: #17212f; @@ -1573,13 +1575,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #FFD54F; + border-color: #ffd54f; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; - border-color: #FFD54F; + border-color: #ffd54f; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.5rem; @@ -1703,8 +1705,8 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #FFD54F; - border-color: #FFD54F; + background: #ffd54f; + border-color: #ffd54f; color: #212529; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1725,8 +1727,8 @@ } .p-button { color: #212529; - background: #FFD54F; - border: 1px solid #FFD54F; + background: #ffd54f; + border: 1px solid #ffd54f; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1744,17 +1746,17 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #FFD54F; + color: #ffd54f; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); - color: #FFD54F; + color: #ffd54f; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(255, 213, 79, 0.16); - color: #FFD54F; + color: #ffd54f; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1771,17 +1773,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(255, 213, 79, 0.16); - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1820,7 +1822,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #FFD54F; + color: #ffd54f; background-color: #212529; } .p-button.p-button-raised { @@ -1884,8 +1886,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #69838f; @@ -1902,38 +1904,38 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + 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-fileupload-choose.p-button-info:not(:disabled):hover { background: #5dc8f9; @@ -1950,38 +1952,38 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + 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-fileupload-choose.p-button-success:not(:disabled):hover { background: #b2d788; @@ -1998,38 +2000,38 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { background: #ffd65c; @@ -2046,38 +2048,38 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { background: #c278ce; @@ -2094,38 +2096,38 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { background: #f16c98; @@ -2142,42 +2144,42 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { - color: #FFD54F; + color: #ffd54f; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2190,7 +2192,7 @@ } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-splitbutton { @@ -2198,16 +2200,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #FFD54F; + color: #ffd54f; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); - color: #FFD54F; + color: #ffd54f; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 213, 79, 0.16); - color: #FFD54F; + color: #ffd54f; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); @@ -2223,17 +2225,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 213, 79, 0.04); - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 213, 79, 0.16); - color: #FFD54F; + color: #ffd54f; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2281,171 +2283,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2620,17 +2622,17 @@ } .p-datatable .p-sortable-column.p-highlight { background: #1f2d40; - color: #FFD54F; + color: #ffd54f; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #FFD54F; + color: #ffd54f; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: rgba(255, 255, 255, 0.03); - color: #FFD54F; + color: #ffd54f; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #FFD54F; + color: #ffd54f; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #ffe284; @@ -2720,7 +2722,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #FFD54F; + background: #ffd54f; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -3071,6 +3073,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3084,15 +3087,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(255, 213, 79, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(255, 213, 79, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); } @@ -3440,10 +3445,10 @@ } .p-treetable .p-sortable-column.p-highlight { background: #1f2d40; - color: #FFD54F; + color: #ffd54f; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #FFD54F; + color: #ffd54f; } .p-treetable .p-treetable-tbody > tr { background: #1f2d40; @@ -3504,7 +3509,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #FFD54F; + background: #ffd54f; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3585,7 +3590,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #FFD54F; + border: 2px solid #ffd54f; border-radius: 50%; width: 1rem; height: 1rem; @@ -3807,19 +3812,15 @@ border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3842,6 +3843,11 @@ background: #304562; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #304562; @@ -3870,20 +3876,20 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1f2d40; - border-color: #FFD54F; + border-color: #ffd54f; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1f2d40; - border-color: #FFD54F; - color: #FFD54F; + border-color: #ffd54f; + color: #ffd54f; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #1f2d40; - color: #FFD54F; + color: #ffd54f; width: 2.357rem; 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); border-radius: 0; @@ -4044,7 +4050,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #FFD54F; + background: #ffd54f; color: #212529; width: 2rem; height: 2rem; @@ -4200,142 +4206,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .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-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - 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); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #ffe284; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4344,101 +4376,72 @@ border: 1px solid #304562; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #17212f; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .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.09); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link { - padding: 0.75rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } .p-megamenu .p-megamenu-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -4447,23 +4450,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4484,8 +4478,36 @@ outline-offset: 0; box-shadow: 0 0 0 1px #ffe284; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4508,39 +4530,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4573,39 +4617,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #1f2d40; @@ -4632,89 +4698,94 @@ border: 1px solid #304562; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #17212f; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4724,25 +4795,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #ffe284; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4789,39 +4905,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4870,42 +5008,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); background: #1f2d40; - font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #ffe284; + box-shadow: inset 0 0 0 1px #ffe284; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #304562; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1f2d40; border-color: #304562; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #304562; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4921,66 +5063,95 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @@ -4996,39 +5167,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #1f2d40; @@ -5141,13 +5334,13 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1f2d40; - border-color: #FFD54F; + border-color: #ffd54f; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1f2d40; - border-color: #FFD54F; - color: #FFD54F; + border-color: #ffd54f; + color: #ffd54f; } .p-tieredmenu { padding: 0.25rem 0; @@ -5157,67 +5350,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #ffe284; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #1f2d40; - border: 1px solid #304562; - 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-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.09); } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - 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-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.p-menuitem-active > .p-menuitem-link { - background: #17212f; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5229,7 +5437,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5238,7 +5446,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5247,7 +5455,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5256,7 +5464,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5301,7 +5509,7 @@ box-shadow: 0 0 0 1px #ffe284; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5313,7 +5521,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5325,7 +5533,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5337,7 +5545,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5410,7 +5618,7 @@ box-shadow: 0 0 0 1px #ffe284; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5420,7 +5628,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5430,7 +5638,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5440,7 +5648,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5691,7 +5899,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } .p-tag { - background: #FFD54F; + background: #ffd54f; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5699,19 +5907,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { @@ -5745,7 +5953,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #FFD54F; + background: #ffd54f; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5763,7 +5971,7 @@ font-size: 1rem; } .p-badge { - background: #FFD54F; + background: #ffd54f; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5772,23 +5980,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -5804,7 +6012,7 @@ line-height: 3rem; } .p-tag { - background: #FFD54F; + background: #ffd54f; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5812,37 +6020,37 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } } /* Customizations to the designer theme should be defined here */ @layer primereact { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #FFD54F; + background-color: #ffd54f; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #FFD54F; + background-color: #ffd54f; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #FFD54F; + background: #ffd54f; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #FFD54F; + box-shadow: inset 0 2px 0 0 #ffd54f; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #FFD54F; + box-shadow: inset 0 -2px 0 0 #ffd54f; } } diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 1bcbb303cb..5b806bb973 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -1,16 +1,18 @@ :root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - --surface-a:#1f2d40; - --surface-b:#17212f; - --surface-c:rgba(255, 255, 255, 0.03); - --surface-d:#304562; - --surface-e:#1f2d40; - --surface-f:#1f2d40; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#BA68C8; - --primary-color-text:#ffffff; + --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + --surface-a: #1f2d40; + --surface-b: #17212f; + --surface-c: rgba(255, 255, 255, 0.03); + --surface-d: #304562; + --surface-e: #1f2d40; + --surface-f: #1f2d40; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #ba68c8; + --primary-color-text: #ffffff; --surface-0: #17212f; --surface-50: #2e3744; --surface-100: #454d59; @@ -22,7 +24,7 @@ --surface-700: #d1d3d5; --surface-800: #e8e9ea; --surface-900: #ffffff; - --gray-50:#e8e9ea; + --gray-50: #e8e9ea; --gray-100: #d1d3d5; --gray-200: #b9bcc1; --gray-300: #a2a6ac; @@ -32,15 +34,15 @@ --gray-700: #454d59; --gray-800: #2e3744; --gray-900: #17212f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:3px; - --surface-ground:#17212f; - --surface-section:#17212f; - --surface-card:#1f2d40; - --surface-overlay:#1f2d40; - --surface-border:#304562; - --surface-hover:rgba(255,255,255,.03); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 3px; + --surface-ground: #17212f; + --surface-section: #17212f; + --surface-card: #1f2d40; + --surface-overlay: #1f2d40; + --surface-border: #304562; + --surface-hover: rgba(255, 255, 255, 0.03); --focus-ring: 0 0 0 1px #cf95d9; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(186, 104, 200, 0.16); @@ -252,22 +254,22 @@ .p-editor-container .ql-snow.ql-toolbar button.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected { - color: #BA68C8; + color: #ba68c8; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke { - stroke: #BA68C8; + stroke: #ba68c8; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill { - fill: #BA68C8; + fill: #ba68c8; } .p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label, .p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label { - color: #BA68C8; + color: #ba68c8; } @layer primereact { @@ -344,13 +346,13 @@ gap: 0.5rem; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token { padding: 0.25rem 0; @@ -472,7 +474,7 @@ } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover, .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover { - color: #BA68C8; + color: #ba68c8; } .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month { margin-right: 0.5rem; @@ -509,7 +511,7 @@ } .p-datepicker table td.p-datepicker-today > span { background: transparent; - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-datepicker table td.p-datepicker-today > span.p-highlight { @@ -632,13 +634,13 @@ border-radius: 3px; } .p-cascadeselect:not(.p-disabled):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-cascadeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-cascadeselect .p-cascadeselect-label { background: transparent; @@ -735,8 +737,8 @@ height: 14px; } .p-checkbox .p-checkbox-box.p-highlight { - border-color: #BA68C8; - background: #BA68C8; + border-color: #ba68c8; + background: #ba68c8; } .p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover { border-color: #a241b2; @@ -744,13 +746,13 @@ color: #ffffff; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover { border-color: #a241b2; @@ -764,7 +766,7 @@ background-color: #304562; } .p-input-filled .p-checkbox .p-checkbox-box.p-highlight { - background: #BA68C8; + background: #ba68c8; } .p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover { background-color: #304562; @@ -777,13 +779,13 @@ gap: 0.5rem; } .p-chips .p-chips-multiple-container:not(.p-disabled):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-chips .p-chips-multiple-container:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-chips .p-chips-multiple-container .p-chips-token { padding: 0.25rem 0.5rem; @@ -831,13 +833,13 @@ border-radius: 3px; } .p-dropdown:not(.p-disabled):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-dropdown:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-dropdown.p-dropdown-clearable .p-dropdown-label { padding-right: 1.5rem; @@ -1038,7 +1040,7 @@ background: rgba(255, 255, 255, 0.03); } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider { - background: #BA68C8; + background: #ba68c8; } .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before { background: rgba(255, 255, 255, 0.87); @@ -1062,13 +1064,13 @@ border-radius: 3px; } .p-inputtext:enabled:hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-inputtext:enabled:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-inputtext.p-invalid.p-component { border-color: #ef9a9a; @@ -1234,13 +1236,13 @@ border-radius: 3px; } .p-multiselect:not(.p-disabled):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-multiselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-multiselect.p-multiselect-clearable .p-multiselect-label { padding-right: 1.5rem; @@ -1395,13 +1397,13 @@ background: #304562; } .p-password-panel .p-password-meter .p-password-strength.weak { - background: #F48FB1; + background: #f48fb1; } .p-password-panel .p-password-meter .p-password-strength.medium { - background: #FFE082; + background: #ffe082; } .p-password-panel .p-password-meter .p-password-strength.strong { - background: #C5E1A5; + background: #c5e1a5; } .p-radiobutton { width: 20px; @@ -1417,13 +1419,13 @@ transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-radiobutton .p-radiobutton-box .p-radiobutton-icon { width: 12px; @@ -1432,8 +1434,8 @@ background-color: #ffffff; } .p-radiobutton .p-radiobutton-box.p-highlight { - border-color: #BA68C8; - background: #BA68C8; + border-color: #ba68c8; + background: #ba68c8; } .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { border-color: #a241b2; @@ -1453,7 +1455,7 @@ background-color: #304562; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight { - background: #BA68C8; + background: #ba68c8; } .p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover { background: #a241b2; @@ -1471,7 +1473,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1479,13 +1481,13 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-rating .p-rating-item.p-rating-item-active .p-rating-icon { - color: #BA68C8; + color: #ba68c8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon { - color: #BA68C8; + color: #ba68c8; } .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel { - color: #F48FB1; + color: #f48fb1; } .p-selectbutton .p-button { background: #1f2d40; @@ -1507,8 +1509,8 @@ color: rgba(255, 255, 255, 0.6); } .p-selectbutton .p-button.p-highlight { - background: #BA68C8; - border-color: #BA68C8; + background: #ba68c8; + border-color: #ba68c8; color: #ffffff; } .p-selectbutton .p-button.p-highlight .p-button-icon-left, @@ -1550,7 +1552,7 @@ height: 1.143rem; width: 1.143rem; background: #304562; - border: 2px solid #BA68C8; + border: 2px solid #ba68c8; border-radius: 50%; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; } @@ -1560,11 +1562,11 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-slider .p-slider-range { - background: #BA68C8; + background: #ba68c8; } .p-slider:not(.p-disabled) .p-slider-handle:hover { - background: #BA68C8; - border-color: #BA68C8; + background: #ba68c8; + border-color: #ba68c8; } .p-treeselect { background: #17212f; @@ -1573,13 +1575,13 @@ border-radius: 3px; } .p-treeselect:not(.p-disabled):hover { - border-color: #BA68C8; + border-color: #ba68c8; } .p-treeselect:not(.p-disabled).p-focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; - border-color: #BA68C8; + border-color: #ba68c8; } .p-treeselect.p-treeselect-clearable .p-treeselect-label { padding-right: 1.5rem; @@ -1703,8 +1705,8 @@ color: rgba(255, 255, 255, 0.6); } .p-togglebutton.p-button.p-highlight { - background: #BA68C8; - border-color: #BA68C8; + background: #ba68c8; + border-color: #ba68c8; color: #ffffff; } .p-togglebutton.p-button.p-highlight .p-button-icon-left, @@ -1725,8 +1727,8 @@ } .p-button { color: #ffffff; - background: #BA68C8; - border: 1px solid #BA68C8; + background: #ba68c8; + border: 1px solid #ba68c8; padding: 0.5rem 1rem; font-size: 1rem; transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s; @@ -1744,17 +1746,17 @@ } .p-button.p-button-outlined { background-color: transparent; - color: #BA68C8; + color: #ba68c8; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); - color: #BA68C8; + color: #ba68c8; border: 1px solid; } .p-button.p-button-outlined:not(:disabled):active { background: rgba(186, 104, 200, 0.16); - color: #BA68C8; + color: #ba68c8; border: 1px solid; } .p-button.p-button-outlined.p-button-plain { @@ -1771,17 +1773,17 @@ } .p-button.p-button-text { background-color: transparent; - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-button.p-button-text:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-button.p-button-text:not(:disabled):active { background: rgba(186, 104, 200, 0.16); - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-button.p-button-text.p-button-plain { @@ -1820,7 +1822,7 @@ min-width: 1rem; height: 1rem; line-height: 1rem; - color: #BA68C8; + color: #ba68c8; background-color: #ffffff; } .p-button.p-button-raised { @@ -1884,8 +1886,8 @@ } .p-button.p-button-secondary, .p-buttonset.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary { color: #ffffff; - background: #78909C; - border: 1px solid #78909C; + 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-fileupload-choose.p-button-secondary:not(:disabled):hover { background: #69838f; @@ -1902,38 +1904,38 @@ } .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-fileupload-choose.p-button-secondary.p-button-outlined { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text { background-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + 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-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-button.p-button-info, .p-buttonset.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info { color: #121212; - background: #81D4FA; - border: 1px solid #81D4FA; + 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-fileupload-choose.p-button-info:not(:disabled):hover { background: #5dc8f9; @@ -1950,38 +1952,38 @@ } .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-fileupload-choose.p-button-info.p-button-outlined { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text { background-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + 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-fileupload-choose.p-button-info.p-button-text:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-button.p-button-success, .p-buttonset.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success { color: #121212; - background: #C5E1A5; - border: 1px solid #C5E1A5; + 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-fileupload-choose.p-button-success:not(:disabled):hover { background: #b2d788; @@ -1998,38 +2000,38 @@ } .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-fileupload-choose.p-button-success.p-button-outlined { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text { background-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + 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-fileupload-choose.p-button-success.p-button-text:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-button.p-button-warning, .p-buttonset.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning { color: #121212; - background: #FFE082; - border: 1px solid #FFE082; + 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-fileupload-choose.p-button-warning:not(:disabled):hover { background: #ffd65c; @@ -2046,38 +2048,38 @@ } .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-fileupload-choose.p-button-warning.p-button-outlined { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text { background-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + 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-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-button.p-button-help, .p-buttonset.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help { color: #121212; - background: #CE93D8; - border: 1px solid #CE93D8; + 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-fileupload-choose.p-button-help:not(:disabled):hover { background: #c278ce; @@ -2094,38 +2096,38 @@ } .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-fileupload-choose.p-button-help.p-button-outlined { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text { background-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + 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-fileupload-choose.p-button-help.p-button-text:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-button.p-button-danger, .p-buttonset.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger { color: #121212; - background: #F48FB1; - border: 1px solid #F48FB1; + 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-fileupload-choose.p-button-danger:not(:disabled):hover { background: #f16c98; @@ -2142,42 +2144,42 @@ } .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-fileupload-choose.p-button-danger.p-button-outlined { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text { background-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + 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-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-button.p-button-link { - color: #BA68C8; + color: #ba68c8; background: transparent; border: transparent; } .p-button.p-button-link:not(:disabled):hover { background: transparent; - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-button.p-button-link:not(:disabled):hover .p-button-label { @@ -2190,7 +2192,7 @@ } .p-button.p-button-link:not(:disabled):active { background: transparent; - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-splitbutton { @@ -2198,16 +2200,16 @@ } .p-splitbutton.p-button-outlined > .p-button { background-color: transparent; - color: #BA68C8; + color: #ba68c8; border: 1px solid; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); - color: #BA68C8; + color: #ba68c8; } .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active { background: rgba(186, 104, 200, 0.16); - color: #BA68C8; + color: #ba68c8; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button { color: rgba(255, 255, 255, 0.6); @@ -2223,17 +2225,17 @@ } .p-splitbutton.p-button-text > .p-button { background-color: transparent; - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):hover { background: rgba(186, 104, 200, 0.04); - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-splitbutton.p-button-text > .p-button:not(:disabled):active { background: rgba(186, 104, 200, 0.16); - color: #BA68C8; + color: #ba68c8; border-color: transparent; } .p-splitbutton.p-button-text.p-button-plain > .p-button { @@ -2281,171 +2283,171 @@ } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border: 1px solid; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button { background-color: transparent; - color: #78909C; + color: #78909c; border-color: transparent; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover { background: rgba(120, 144, 156, 0.04); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active { background: rgba(120, 144, 156, 0.16); border-color: transparent; - color: #78909C; + color: #78909c; } .p-splitbutton.p-button-info.p-button-outlined > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border: 1px solid; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button { background-color: transparent; - color: #81D4FA; + color: #81d4fa; border-color: transparent; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover { background: rgba(129, 212, 250, 0.04); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active { background: rgba(129, 212, 250, 0.16); border-color: transparent; - color: #81D4FA; + color: #81d4fa; } .p-splitbutton.p-button-success.p-button-outlined > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border: 1px solid; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button { background-color: transparent; - color: #C5E1A5; + color: #c5e1a5; border-color: transparent; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover { background: rgba(197, 225, 165, 0.04); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active { background: rgba(197, 225, 165, 0.16); border-color: transparent; - color: #C5E1A5; + color: #c5e1a5; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border: 1px solid; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button { background-color: transparent; - color: #FFE082; + color: #ffe082; border-color: transparent; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover { background: rgba(255, 224, 130, 0.04); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active { background: rgba(255, 224, 130, 0.16); border-color: transparent; - color: #FFE082; + color: #ffe082; } .p-splitbutton.p-button-help.p-button-outlined > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border: 1px solid; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button { background-color: transparent; - color: #CE93D8; + color: #ce93d8; border-color: transparent; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover { background: rgba(206, 147, 216, 0.04); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active { background: rgba(206, 147, 216, 0.16); border-color: transparent; - color: #CE93D8; + color: #ce93d8; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border: 1px solid; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button { background-color: transparent; - color: #F48FB1; + color: #f48fb1; border-color: transparent; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover { background: rgba(244, 143, 177, 0.04); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active { background: rgba(244, 143, 177, 0.16); border-color: transparent; - color: #F48FB1; + color: #f48fb1; } .p-speeddial-button.p-button.p-button-icon-only { width: 4rem; @@ -2620,17 +2622,17 @@ } .p-datatable .p-sortable-column.p-highlight { background: #1f2d40; - color: #BA68C8; + color: #ba68c8; } .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #BA68C8; + color: #ba68c8; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { background: rgba(255, 255, 255, 0.03); - color: #BA68C8; + color: #ba68c8; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { - color: #BA68C8; + color: #ba68c8; } .p-datatable .p-sortable-column:focus-visible { box-shadow: inset 0 0 0 0.15rem #cf95d9; @@ -2720,7 +2722,7 @@ color: rgba(255, 255, 255, 0.87); } .p-datatable .p-column-resizer-helper { - background: #BA68C8; + background: #ba68c8; } .p-datatable .p-datatable-scrollable-header, .p-datatable .p-datatable-scrollable-footer { @@ -3071,6 +3073,7 @@ padding: 0.5rem 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3084,15 +3087,17 @@ background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: rgba(255, 255, 255, 0.87); background: rgba(186, 104, 200, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(186, 104, 200, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); } @@ -3440,10 +3445,10 @@ } .p-treetable .p-sortable-column.p-highlight { background: #1f2d40; - color: #BA68C8; + color: #ba68c8; } .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon { - color: #BA68C8; + color: #ba68c8; } .p-treetable .p-treetable-tbody > tr { background: #1f2d40; @@ -3504,7 +3509,7 @@ color: rgba(255, 255, 255, 0.87); } .p-treetable .p-column-resizer-helper { - background: #BA68C8; + background: #ba68c8; } .p-treetable .p-treetable-scrollable-header, .p-treetable .p-treetable-scrollable-footer { @@ -3585,7 +3590,7 @@ padding: 1.25rem 1.25rem; } .p-timeline .p-timeline-event-marker { - border: 2px solid #BA68C8; + border: 2px solid #ba68c8; border-radius: 50%; width: 1rem; height: 1rem; @@ -3807,19 +3812,15 @@ border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 1px solid #304562; background: #1f2d40; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; border-top: 0 none; } .p-splitter { @@ -3842,6 +3843,11 @@ background: #304562; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #304562; @@ -3870,20 +3876,20 @@ } .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link { background: #1f2d40; - border-color: #BA68C8; + border-color: #ba68c8; color: rgba(255, 255, 255, 0.87); } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { background: #1f2d40; - border-color: #BA68C8; - color: #BA68C8; + border-color: #ba68c8; + color: #ba68c8; } .p-tabview .p-tabview-close { margin-left: 0.5rem; } .p-tabview .p-tabview-nav-btn.p-link { background: #1f2d40; - color: #BA68C8; + color: #ba68c8; width: 2.357rem; 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); border-radius: 0; @@ -4044,7 +4050,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #BA68C8; + background: #ba68c8; color: #ffffff; width: 2rem; height: 2rem; @@ -4200,142 +4206,168 @@ border-radius: 3px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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); + border-radius: 3px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .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-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - 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); - border-radius: 3px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 3px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #cf95d9; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4344,101 +4376,72 @@ border: 1px solid #304562; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: #17212f; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .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.09); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .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-link { - padding: 0.75rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); - border-radius: 0; - transition: box-shadow 0.2s; - user-select: none; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(255, 255, 255, 0.03); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } .p-megamenu .p-megamenu-panel { background: #1f2d40; color: rgba(255, 255, 255, 0.87); border: 1px solid #304562; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -4447,23 +4450,14 @@ border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.25rem 0; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.25rem 0; @@ -4484,8 +4478,36 @@ outline-offset: 0; box-shadow: 0 0 0 1px #cf95d9; } - .p-megamenu .p-submenu-icon { - transition: transform 0.2s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.25rem 0; @@ -4508,39 +4530,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4573,39 +4617,61 @@ border-radius: 3px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #1f2d40; @@ -4632,89 +4698,94 @@ border: 1px solid #304562; border-radius: 3px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 3px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.2s; + border-radius: 0; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 3px; - transition: box-shadow 0.2s; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #17212f; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4724,25 +4795,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; - } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #17212f; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #cf95d9; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.2s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.2s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4789,39 +4905,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4870,42 +5008,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 1px solid #304562; color: rgba(255, 255, 255, 0.87); background: #1f2d40; - font-weight: 600; border-radius: 3px; transition: box-shadow 0.2s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #cf95d9; + box-shadow: inset 0 0 0 1px #cf95d9; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(255, 255, 255, 0.03); border-color: #304562; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #1f2d40; border-color: #304562; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #304562; background: rgba(255, 255, 255, 0.03); color: rgba(255, 255, 255, 0.87); @@ -4921,66 +5063,95 @@ border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .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.09); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .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-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #304562; + margin: 0.25rem 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 3px; border-top-left-radius: 3px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } @@ -4996,39 +5167,61 @@ border-radius: 3px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.09); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #1f2d40; @@ -5141,13 +5334,13 @@ } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link { background: #1f2d40; - border-color: #BA68C8; + border-color: #ba68c8; color: rgba(255, 255, 255, 0.87); } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { background: #1f2d40; - border-color: #BA68C8; - color: #BA68C8; + border-color: #ba68c8; + color: #ba68c8; } .p-tieredmenu { padding: 0.25rem 0; @@ -5157,67 +5350,82 @@ border-radius: 3px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #1f2d40; + border: 1px solid #304562; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.25rem 0; + background: #1f2d40; + border: 1px solid #304562; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 0; transition: box-shadow 0.2s; + border-radius: 0; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: rgba(255, 255, 255, 0.03); - } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: #17212f; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #cf95d9; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #17212f; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #1f2d40; - border: 1px solid #304562; - 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-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.09); } - .p-tieredmenu .p-submenu-list { - padding: 0.25rem 0; - background: #1f2d40; - border: 1px solid #304562; - 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-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.p-menuitem-active > .p-menuitem-link { - background: #17212f; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(255, 255, 255, 0.03); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #304562; margin: 0.25rem 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.2s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5229,7 +5437,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5238,7 +5446,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5247,7 +5455,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5256,7 +5464,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5301,7 +5509,7 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-message.p-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5313,7 +5521,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5325,7 +5533,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5337,7 +5545,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5410,7 +5618,7 @@ box-shadow: 0 0 0 1px #cf95d9; } .p-toast .p-toast-message.p-toast-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0 0 0 6px; color: #044868; @@ -5420,7 +5628,7 @@ color: #044868; } .p-toast .p-toast-message.p-toast-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5430,7 +5638,7 @@ color: #224a23; } .p-toast .p-toast-message.p-toast-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5440,7 +5648,7 @@ color: #6d5100; } .p-toast .p-toast-message.p-toast-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5691,7 +5899,7 @@ background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); } .p-tag { - background: #BA68C8; + background: #ba68c8; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5699,19 +5907,19 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-tag .p-tag-icon { @@ -5745,7 +5953,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #BA68C8; + background: #ba68c8; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5763,7 +5971,7 @@ font-size: 1rem; } .p-badge { - background: #BA68C8; + background: #ba68c8; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5772,23 +5980,23 @@ line-height: 1.5rem; } .p-badge.p-badge-secondary { - background-color: #78909C; + background-color: #78909c; color: #ffffff; } .p-badge.p-badge-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-badge.p-badge-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-badge.p-badge-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-badge.p-badge-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } .p-badge.p-badge-lg { @@ -5804,7 +6012,7 @@ line-height: 3rem; } .p-tag { - background: #BA68C8; + background: #ba68c8; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5812,37 +6020,37 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #C5E1A5; + background-color: #c5e1a5; color: #121212; } .p-tag.p-tag-info { - background-color: #81D4FA; + background-color: #81d4fa; color: #121212; } .p-tag.p-tag-warning { - background-color: #FFE082; + background-color: #ffe082; color: #121212; } .p-tag.p-tag-danger { - background-color: #F48FB1; + background-color: #f48fb1; color: #121212; } } /* Customizations to the designer theme should be defined here */ @layer primereact { .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button { - background-color: #BA68C8; + background-color: #ba68c8; } .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background-color: #BA68C8; + background-color: #ba68c8; } .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button { - background: #BA68C8; + background: #ba68c8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td { - box-shadow: inset 0 2px 0 0 #BA68C8; + box-shadow: inset 0 2px 0 0 #ba68c8; } .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td { - box-shadow: inset 0 -2px 0 0 #BA68C8; + box-shadow: inset 0 -2px 0 0 #ba68c8; } } diff --git a/public/themes/viva-dark/theme.css b/public/themes/viva-dark/theme.css index 5547095982..8560fd2cd3 100644 --- a/public/themes/viva-dark/theme.css +++ b/public/themes/viva-dark/theme.css @@ -1,16 +1,16 @@ :root { font-family: Poppins, sans-serif; - --font-family:Poppins, sans-serif; - --surface-a:#161d21; - --surface-b:#0e1315; - --surface-c:rgba(158, 173, 230, 0.08); - --surface-d:#263238; - --surface-e:#161d21; - --surface-f:#161d21; - --text-color:rgba(255, 255, 255, 0.87); - --text-color-secondary:rgba(255, 255, 255, 0.6); - --primary-color:#9eade6; - --primary-color-text:#121212; + --font-family: Poppins, sans-serif; + --surface-a: #161d21; + --surface-b: #0e1315; + --surface-c: rgba(158, 173, 230, 0.08); + --surface-d: #263238; + --surface-e: #161d21; + --surface-f: #161d21; + --text-color: rgba(255, 255, 255, 0.87); + --text-color-secondary: rgba(255, 255, 255, 0.6); + --primary-color: #9eade6; + --primary-color-text: #121212; --surface-0: #0e1315; --surface-50: #262b2c; --surface-100: #3e4244; @@ -32,15 +32,15 @@ --gray-700: #3e4244; --gray-800: #262b2c; --gray-900: #0e1315; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#0e1315; - --surface-section:#0e1315; - --surface-card:#161d21; - --surface-overlay:#161d21; - --surface-border:#263238; - --surface-hover:rgba($primaryColor, .08); + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #0e1315; + --surface-section: #0e1315; + --surface-card: #161d21; + --surface-overlay: #161d21; + --surface-border: #263238; + --surface-hover: rgba($primaryColor, 0.08); --focus-ring: 0 0 0 1px #9eade6; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: rgba(158, 173, 230, 0.16); @@ -1499,7 +1499,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #dF7E6C; + color: #df7e6c; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -3099,6 +3099,7 @@ padding: 0.5rem 0.5rem; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3112,15 +3113,17 @@ background: rgba(158, 173, 230, 0.08); color: rgba(255, 255, 255, 0.87); } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #9eade6; background: rgba(158, 173, 230, 0.16); } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: rgba(158, 173, 230, 0.24); + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: rgba(255, 255, 255, 0.01); } @@ -3835,19 +3838,15 @@ border: 2px solid #263238; background: #161d21; color: rgba(255, 255, 255, 0.87); - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 2px solid #263238; background: #161d21; color: rgba(255, 255, 255, 0.87); - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3870,6 +3869,11 @@ background: #263238; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; + } .p-tabview .p-tabview-nav { background: transparent; border: 1px solid #263238; @@ -4228,142 +4232,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0.5rem; + background: #161d21; + border: 2px solid #263238; + 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); border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; + .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-submenu-list { - padding: 0.5rem 0.5rem; - background: #161d21; - border: 2px solid #263238; - 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); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #263238; margin: 4px 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.3s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #9eade6; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4372,101 +4402,72 @@ border: 2px solid #263238; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(158, 173, 230, 0.08); - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(158, 173, 230, 0.08); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .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-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.3s; - user-select: none; - } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: rgba(255, 255, 255, 0.6); - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.6); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { background: rgba(158, 173, 230, 0.08); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; - } .p-megamenu .p-megamenu-panel { background: #161d21; color: rgba(255, 255, 255, 0.87); border: 2px solid #263238; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: rgba(255, 255, 255, 0.87); @@ -4475,23 +4476,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0.5rem; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #263238; margin: 4px 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: rgba(158, 173, 230, 0.08); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0.5rem; @@ -4512,8 +4504,36 @@ outline-offset: 0; box-shadow: 0 0 0 1px #9eade6; } - .p-megamenu .p-submenu-icon { - transition: transform 0.3s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: rgba(255, 255, 255, 0.6); + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: 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 { + color: rgba(255, 255, 255, 0.87); } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0.5rem; @@ -4536,39 +4556,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.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-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link: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-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4601,39 +4643,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menu .p-menuitem-link:not(.p-disabled):hover { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: rgba(255, 255, 255, 0.87); } .p-menu.p-menu-overlay { background: #161d21; @@ -4660,89 +4724,94 @@ border: 2px solid #263238; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + transition: box-shadow 0.3s; + border-radius: 6px; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; - transition: box-shadow 0.3s; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); + } + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; + .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-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: rgba(158, 173, 230, 0.08); + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } .p-menubar .p-submenu-list { @@ -4752,25 +4821,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #263238; margin: 4px 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: rgba(255, 255, 255, 0.6); + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 1px #9eade6; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0.5rem; + background: #161d21; + border: 2px solid #263238; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #263238; + margin: 4px 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.3s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.3s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4817,39 +4931,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { background: rgba(158, 173, 230, 0.08); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.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-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link: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-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4898,42 +5034,46 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 2px solid #263238; color: rgba(255, 255, 255, 0.87); background: #161d21; - font-weight: 600; border-radius: 6px; transition: box-shadow 0.3s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: rgba(255, 255, 255, 0.87); + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 1px #9eade6; + box-shadow: inset 0 0 0 1px #9eade6; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { background: rgba(158, 173, 230, 0.08); border-color: #263238; color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #161d21; border-color: #263238; color: rgba(255, 255, 255, 0.87); border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #263238; background: rgba(158, 173, 230, 0.08); color: rgba(255, 255, 255, 0.87); @@ -4949,66 +5089,95 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); + } + .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(158, 173, 230, 0.1); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; + .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 { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #263238; + margin: 4px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } @@ -5024,39 +5193,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; + .p-slidemenu .p-menuitem-link: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-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.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-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.08); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link: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 { background: #161d21; @@ -5185,67 +5376,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #161d21; + border: 2px solid #263238; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0.5rem; + background: #161d21; + border: 2px solid #263238; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: rgba(255, 255, 255, 0.87); - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: rgba(255, 255, 255, 0.87); + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: rgba(255, 255, 255, 0.6); margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.6); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: rgba(255, 255, 255, 0.87); + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(158, 173, 230, 0.08); } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #9eade6; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: rgba(255, 255, 255, 0.87); + background: rgba(158, 173, 230, 0.1); } - .p-tieredmenu.p-tieredmenu-overlay { - background: #161d21; - border: 2px solid #263238; - 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-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-submenu-list { - padding: 0.5rem 0.5rem; - background: #161d21; - border: 2px solid #263238; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: rgba(255, 255, 255, 0.87); background: rgba(158, 173, 230, 0.08); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #263238; margin: 4px 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.3s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; diff --git a/public/themes/viva-light/theme.css b/public/themes/viva-light/theme.css index 127dad87b6..a5edef9f92 100644 --- a/public/themes/viva-light/theme.css +++ b/public/themes/viva-light/theme.css @@ -1,16 +1,16 @@ :root { font-family: Poppins, sans-serif; - --font-family:Poppins, sans-serif; - --surface-a:#ffffff; - --surface-b:#f5f5f5; - --surface-c:#edf0fA; - --surface-d:#ebebeb; - --surface-e:#ffffff; - --surface-f:#ffffff; - --text-color:#6c6c6c; - --text-color-secondary:#898989; - --primary-color:#5472d4; - --primary-color-text:#ffffff; + --font-family: Poppins, sans-serif; + --surface-a: #ffffff; + --surface-b: #f5f5f5; + --surface-c: #edf0fa; + --surface-d: #ebebeb; + --surface-e: #ffffff; + --surface-f: #ffffff; + --text-color: #6c6c6c; + --text-color-secondary: #898989; + --primary-color: #5472d4; + --primary-color-text: #ffffff; --surface-0: #ffffff; --surface-50: #f1f3f5; --surface-100: #e2e6eb; @@ -32,15 +32,15 @@ --gray-700: #434e5c; --gray-800: #2d343e; --gray-900: #161a1f; - --content-padding:1rem; - --inline-spacing:0.5rem; - --border-radius:6px; - --surface-ground:#f5f5f5; - --surface-section:#ffffff; - --surface-card:#ffffff; - --surface-overlay:#ffffff; - --surface-border:#ebebeb; - --surface-hover:#edf0fA; + --content-padding: 1rem; + --inline-spacing: 0.5rem; + --border-radius: 6px; + --surface-ground: #f5f5f5; + --surface-section: #ffffff; + --surface-card: #ffffff; + --surface-overlay: #ffffff; + --surface-border: #ebebeb; + --surface-hover: #edf0fa; --focus-ring: 0 0 0 0.1rem #bbc7ee; --maskbg: rgba(0, 0, 0, 0.4); --highlight-bg: #ced6f1; @@ -247,7 +247,7 @@ } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item { padding: 0.5rem 1rem; @@ -425,7 +425,7 @@ } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight { color: #585858; @@ -480,7 +480,7 @@ .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible, .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible { @@ -567,7 +567,7 @@ .p-datepicker .p-timepicker button:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-datepicker .p-timepicker button:focus-visible { outline: 0 none; @@ -625,7 +625,7 @@ border-left: 0 none; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover { - background: #edf0fA; + background: #edf0fa; } .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus { outline: 0 none; @@ -633,7 +633,7 @@ box-shadow: 0 0 0 0.1rem #bbc7ee; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; } .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus { outline: 0 none; @@ -641,7 +641,7 @@ box-shadow: 0 0 0 0.1rem #bbc7ee; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; } .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus { outline: 0 none; @@ -722,7 +722,7 @@ } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon { font-size: 0.875rem; @@ -944,7 +944,7 @@ } .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group { margin: 0; @@ -1223,7 +1223,7 @@ } .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-listbox.p-invalid { border-color: #f88c79; @@ -1249,7 +1249,7 @@ } .p-mention-panel .p-mention-items .p-mention-item:hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-mention-panel .p-mention-items .p-mention-item.p-highlight { color: #585858; @@ -1351,7 +1351,7 @@ .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible { outline: 0 none; @@ -1376,7 +1376,7 @@ } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus { outline: 0 none; @@ -1499,7 +1499,7 @@ height: 1.143rem; } .p-rating .p-rating-item .p-rating-icon.p-rating-cancel { - color: #dF7E6C; + color: #df7e6c; } .p-rating .p-rating-item:focus { outline: 0 none; @@ -1526,7 +1526,7 @@ color: #898989; } .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; border-color: #e1e1e1; color: #6c6c6c; } @@ -1687,7 +1687,7 @@ .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible { outline: 0 none; @@ -1722,7 +1722,7 @@ color: #898989; } .p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; border-color: #e1e1e1; color: #6c6c6c; } @@ -1790,7 +1790,7 @@ border-color: #898989; } .p-button.p-button-outlined.p-button-plain:not(:disabled):hover { - background: #edf0fA; + background: #edf0fa; color: #898989; } .p-button.p-button-outlined.p-button-plain:not(:disabled):active { @@ -1816,7 +1816,7 @@ color: #898989; } .p-button.p-button-text.p-button-plain:not(:disabled):hover { - background: #edf0fA; + background: #edf0fa; color: #898989; } .p-button.p-button-text.p-button-plain:not(:disabled):active { @@ -2242,7 +2242,7 @@ border-color: #898989; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover { - background: #edf0fA; + background: #edf0fa; color: #898989; } .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active { @@ -2268,7 +2268,7 @@ color: #898989; } .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover { - background: #edf0fA; + background: #edf0fa; color: #898989; } .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active { @@ -2554,7 +2554,7 @@ .p-carousel .p-carousel-content .p-carousel-next:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-carousel .p-carousel-content .p-carousel-prev:focus-visible, .p-carousel .p-carousel-content .p-carousel-next:focus-visible { @@ -2570,7 +2570,7 @@ margin-bottom: 0.5rem; } .p-carousel .p-carousel-indicators .p-carousel-indicator button { - background-color: #edf0fA; + background-color: #edf0fa; width: 2rem; height: 0.5rem; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; @@ -2640,7 +2640,7 @@ margin-left: 0.5rem; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon { @@ -2654,7 +2654,7 @@ color: #5472d4; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover { - background: #edf0fA; + background: #edf0fa; color: #5472d4; } .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon { @@ -2693,7 +2693,7 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + 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, @@ -2728,7 +2728,7 @@ box-shadow: inset 0 -2px 0 0 #ced6f1; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible { @@ -2736,7 +2736,7 @@ outline-offset: -0.15rem; } .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible { @@ -2744,7 +2744,7 @@ outline-offset: -0.15rem; } .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-datatable .p-column-resizer-helper { @@ -2964,10 +2964,10 @@ .p-column-filter-menu-button:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover { @@ -2991,7 +2991,7 @@ .p-column-filter-clear-button:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-column-filter-clear-button:focus-visible { outline: 0 none; @@ -3024,7 +3024,7 @@ } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover { color: #6c6c6c; - background: #edf0fA; + background: #edf0fa; } .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible { outline: 0 none; @@ -3099,6 +3099,7 @@ padding: 0.5rem 0.5rem; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + outline: 0 none; } .p-orderlist .p-orderlist-list .p-orderlist-item { padding: 0.5rem 1rem; @@ -3109,26 +3110,28 @@ transition: transform 0.3s, box-shadow 0.3s; } .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } - .p-orderlist .p-orderlist-list .p-orderlist-item:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; + .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus { + color: #6c6c6c; + background: #e6e9f3; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #585858; background: #ced6f1; } + .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus { + background: #aebbe8; + } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #fcfcfc; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover { - background: #edf0fA; + background: #edf0fa; } .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-organizationchart .p-organizationchart-node-content.p-highlight { @@ -3190,7 +3193,7 @@ .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; + background: #edf0fa; border-color: transparent; color: #6c6c6c; } @@ -3241,7 +3244,7 @@ color: #585858; } .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; border-color: transparent; color: #6c6c6c; } @@ -3291,7 +3294,7 @@ transition: transform 0.3s, box-shadow 0.3s; } .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-picklist .p-picklist-list .p-picklist-item:focus { @@ -3331,7 +3334,7 @@ .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible { outline: 0 none; @@ -3366,11 +3369,11 @@ color: #585858; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-tree .p-tree-filter-container { @@ -3460,7 +3463,7 @@ margin-left: 0.5rem; } .p-treetable .p-sortable-column:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon { @@ -3497,7 +3500,7 @@ .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible { outline: 0 none; @@ -3525,7 +3528,7 @@ color: #585858; } .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler { @@ -3654,7 +3657,7 @@ box-shadow: 0 0 0 0.1rem #bbc7ee; } .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link { - background: #edf0fA; + background: #edf0fa; border-color: #ebebeb; color: #6c6c6c; } @@ -3667,7 +3670,7 @@ } .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link { border-color: #ebebeb; - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-accordion .p-accordion-content { @@ -3767,7 +3770,7 @@ box-shadow: 0 0 0 0.1rem #bbc7ee; } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover { - background: #edf0fA; + background: #edf0fa; border-color: #ebebeb; color: #6c6c6c; } @@ -3820,7 +3823,7 @@ .p-panel .p-panel-header .p-panel-header-icon:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-panel .p-panel-header .p-panel-header-icon:focus-visible { outline: 0 none; @@ -3835,19 +3838,15 @@ border: 2px solid #ebebeb; background: #ffffff; color: #6c6c6c; - border-top: 0 none; - } - .p-panel .p-panel-content:last-child { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; + border-top: 0 none; } .p-panel .p-panel-footer { padding: 0.5rem 1rem; border: 2px solid #ebebeb; background: #ffffff; color: #6c6c6c; - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; border-top: 0 none; } .p-splitter { @@ -3870,6 +3869,11 @@ background: #f5f5f5; border: 0 none; } + .p-scrollpanel .p-scrollpanel-bar:focus-visible { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; + } .p-tabview .p-tabview-nav { background: #ffffff; border: 1px solid #ebebeb; @@ -4016,7 +4020,7 @@ .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible { outline: 0 none; @@ -4125,7 +4129,7 @@ .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover { color: #6c6c6c; border-color: transparent; - background: #edf0fA; + background: #edf0fa; } .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible, .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible { @@ -4228,142 +4232,168 @@ border-radius: 6px; width: 12.5rem; } - .p-contextmenu .p-menuitem-link { - padding: 0.75rem 1rem; - color: #6c6c6c; + .p-contextmenu .p-contextmenu-root-list { + outline: 0 none; + } + .p-contextmenu .p-submenu-list { + padding: 0.5rem 0.5rem; + background: #ffffff; + border: 0 none; + 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); border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content { + color: #6c6c6c; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; user-select: none; } - .p-contextmenu .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-contextmenu .p-menuitem-link .p-menuitem-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #898989; margin-right: 0.5rem; } - .p-contextmenu .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover { - background: #edf0fA; + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #898989; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; } - .p-contextmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; } - .p-contextmenu .p-submenu-list { - padding: 0.5rem 0.5rem; - background: #ffffff; - border: 0 none; - 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); - border-radius: 6px; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #edf0fA; + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c6c6c; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #6c6c6c; + background: #edf0fa; } - .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { color: #898989; } - .p-contextmenu .p-menu-separator { + .p-contextmenu .p-menuitem-separator { border-top: 1px solid #ebebeb; margin: 4px 0; } .p-contextmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.3s; } .p-contextmenu .p-submenu-icon.p-icon { width: 0.875rem; height: 0.875rem; } - .p-dock .p-dock-list { + .p-dock .p-dock-list-container { background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 0.5rem; border-radius: 0.5rem; } + .p-dock .p-dock-list-container .p-dock-list { + outline: 0 none; + } .p-dock .p-dock-item { padding: 0.5rem; + border-radius: 6px; + } + .p-dock .p-dock-item.p-focus { + outline: 0 none; + outline-offset: 0; + box-shadow: inset 0 0 0 0.15rem #bbc7ee; } .p-dock .p-dock-action { width: 4rem; height: 4rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next { + .p-dock.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-bottom .p-dock-item-second-next { margin: 0 0.9rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next { + .p-dock.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-bottom .p-dock-item-next { margin: 0 1.3rem; } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current { + .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-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next { + .p-dock.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-right .p-dock-item-second-next { margin: 0.9rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next { + .p-dock.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-right .p-dock-item-next { margin: 1.3rem 0; } - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { + .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-container, .p-dock.p-dock-bottom .p-dock-container { - overflow-x: auto; - width: 100%; - } - .p-dock.p-dock-top .p-dock-container .p-dock-list, .p-dock.p-dock-bottom .p-dock-container .p-dock-list { - margin: 0 auto; - } - .p-dock.p-dock-left .p-dock-container, .p-dock.p-dock-right .p-dock-container { - overflow-y: auto; - height: 100%; - } - .p-dock.p-dock-left .p-dock-container .p-dock-list, .p-dock.p-dock-right .p-dock-container .p-dock-list { - margin: auto 0; - } - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-second-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-prev, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-next, - .p-dock.p-dock-magnification.p-dock-right .p-dock-item-current { - transform: none; - margin: 0; - } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container { + overflow-x: auto; + width: 100%; + } + .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list { + margin: 0 auto; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container { + overflow-y: auto; + height: 100%; + } + .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list { + margin: auto 0; + } + .p-dock.p-dock-mobile .p-dock-list .p-dock-item { + transform: none; + margin: 0; + } + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next, + .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current { + transform: none; + margin: 0; } .p-megamenu { padding: 0.5rem; @@ -4372,101 +4402,72 @@ border: 2px solid #ebebeb; border-radius: 6px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; + } + .p-megamenu .p-menuitem > .p-menuitem-content { color: #6c6c6c; - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #898989; margin-right: 0.5rem; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; - margin-left: 0.5rem; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #edf0fA; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content { color: #6c6c6c; + background: #edf0fa; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #898989; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #898989; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { - margin-left: auto; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #edf0fA; - } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #898989; + .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; } - .p-megamenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #6c6c6c; - border-radius: 6px; - transition: box-shadow 0.3s; - user-select: none; + background: #e6e9f3; } - .p-megamenu .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-megamenu .p-menuitem-link .p-menuitem-icon { - color: #898989; - margin-right: 0.5rem; - } - .p-megamenu .p-menuitem-link .p-submenu-icon { - color: #898989; - } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover { - background: #edf0fA; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c6c6c; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #6c6c6c; + background: #edf0fa; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #898989; + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; } - .p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-megamenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; - } .p-megamenu .p-megamenu-panel { background: #ffffff; color: #6c6c6c; border: 0 none; 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-megamenu .p-megamenu-submenu-header { + .p-megamenu .p-submenu-header { margin: 0; padding: 0.75rem 1rem; color: #6c6c6c; @@ -4475,23 +4476,14 @@ border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-megamenu .p-megamenu-submenu { + .p-megamenu .p-submenu-list { padding: 0.5rem 0.5rem; width: 12.5rem; } - .p-megamenu .p-megamenu-submenu .p-menu-separator { + .p-megamenu .p-submenu-list .p-menuitem-separator { border-top: 1px solid #ebebeb; margin: 4px 0; } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #edf0fA; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #6c6c6c; - } - .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #898989; - } .p-megamenu.p-megamenu-vertical { width: 12.5rem; padding: 0.5rem 0.5rem; @@ -4505,15 +4497,43 @@ } .p-megamenu .p-megamenu-button:hover { color: #898989; - background: #edf0fA; + background: #edf0fa; } .p-megamenu .p-megamenu-button:focus { outline: 0 none; outline-offset: 0; box-shadow: 0 0 0 0.1rem #bbc7ee; } - .p-megamenu .p-submenu-icon { - transition: transform 0.3s; + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content { + color: #6c6c6c; + transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; + user-select: none; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { + color: #898989; + margin-right: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #898989; + margin-left: 0.5rem; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #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 { + color: #898989; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list { padding: 0.5rem 0.5rem; @@ -4536,39 +4556,61 @@ width: 100%; position: static; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #6c6c6c; - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; user-select: none; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #898989; margin-right: 0.5rem; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #edf0fA; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #898989; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; } - .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c6c6c; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #898989; } .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4601,39 +4643,61 @@ border-radius: 6px; width: 12.5rem; } - .p-menu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menu .p-menuitem > .p-menuitem-content { color: #6c6c6c; - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; user-select: none; } - .p-menu .p-menuitem-link .p-menuitem-text { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menu .p-menuitem-link .p-menuitem-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #898989; margin-right: 0.5rem; } - .p-menu .p-menuitem-link .p-submenu-icon { + .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-menu .p-menuitem-link:not(.p-disabled):hover { - background: #edf0fA; + .p-menu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #898989; + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; } - .p-menu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + 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 { + color: #6c6c6c; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #898989; } .p-menu.p-menu-overlay { background: #ffffff; @@ -4660,89 +4724,94 @@ border: 2px solid #ebebeb; border-radius: 6px; } - .p-menubar .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list { + outline: 0 none; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content { color: #6c6c6c; - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link { + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menubar .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #898989; margin-right: 0.5rem; } - .p-menubar .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; + margin-left: 0.5rem; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover { - background: #edf0fA; - } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { color: #6c6c6c; + background: #edf0fa; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #898989; + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .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-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-menubar .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; - } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menuitem > .p-menuitem-content { color: #6c6c6c; - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #898989; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; - margin-left: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #edf0fA; + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #898989; + .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover { - background: #edf0fA; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #6c6c6c; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #898989; + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; } - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon, - .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { + .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { color: #898989; } .p-menubar .p-submenu-list { @@ -4752,25 +4821,70 @@ 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); width: 12.5rem; } - .p-menubar .p-submenu-list .p-menu-separator { + .p-menubar .p-submenu-list .p-menuitem-separator { border-top: 1px solid #ebebeb; margin: 4px 0; } .p-menubar .p-submenu-list .p-submenu-icon { font-size: 0.875rem; } - .p-menubar .p-submenu-list .p-submenu-icon.p-icon { - width: 0.875rem; - height: 0.875rem; + .p-menubar.p-menubar-mobile .p-menubar-button { + width: 2rem; + height: 2rem; + color: #898989; + border-radius: 50%; + transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #edf0fA; + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #898989; + background: #edf0fa; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #6c6c6c; + .p-menubar.p-menubar-mobile .p-menubar-button:focus { + outline: 0 none; + outline-offset: 0; + box-shadow: 0 0 0 0.1rem #bbc7ee; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { - color: #898989; + .p-menubar.p-menubar-mobile .p-menubar-root-list { + padding: 0.5rem 0.5rem; + background: #ffffff; + border: 0 none; + 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-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator { + border-top: 1px solid #ebebeb; + margin: 4px 0; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon { + font-size: 0.875rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon { + margin-left: auto; + transition: transform 0.3s; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-180deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon { + transition: transform 0.3s; + transform: rotate(90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon { + transform: rotate(-90deg); + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a { + padding-left: 2.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a { + padding-left: 3.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a { + padding-left: 6.75rem; + } + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4786,7 +4900,7 @@ } .p-menubar .p-menubar-button:hover { color: #898989; - background: #edf0fA; + background: #edf0fa; } .p-menubar .p-menubar-button:focus { outline: 0 none; @@ -4817,39 +4931,61 @@ width: 100%; position: static; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.75rem 1rem; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content { color: #6c6c6c; - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; user-select: none; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #898989; margin-right: 0.5rem; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover { - background: #edf0fA; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #898989; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; } - .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c6c6c; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #898989; } .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon { margin-left: auto; @@ -4898,44 +5034,48 @@ z-index: 1; } } - .p-panelmenu .p-panelmenu-header > a { - padding: 1rem; + .p-panelmenu .p-panelmenu-header { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content { border: 2px solid #ebebeb; color: #6c6c6c; background: #ffffff; - font-weight: 600; border-radius: 6px; transition: box-shadow 0.3s; } - .p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link { + color: #6c6c6c; + padding: 1rem; + font-weight: 600; + } + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a .p-menuitem-icon { + .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon { margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-header > a:focus-visible { + .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content { outline: 0 none; outline-offset: 0; - box-shadow: 0 0 0 0.1rem #bbc7ee; + box-shadow: inset 0 0 0 0.1rem #bbc7ee; } - .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover { - background: #edf0fA; + .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content { + background: #edf0fa; border-color: #ebebeb; color: #6c6c6c; } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; - } - .p-panelmenu .p-panelmenu-header.p-highlight > a { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content { background: #ffffff; border-color: #ebebeb; color: #6c6c6c; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + margin-bottom: 0; } - .p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover { + .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-color: #ebebeb; - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-panelmenu .p-panelmenu-content { @@ -4949,66 +5089,95 @@ border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link { - padding: 0.75rem 1rem; + .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list { + outline: 0 none; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content { color: #6c6c6c; - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; user-select: none; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #898989; margin-right: 0.5rem; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover { - background: #edf0fA; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #898989; + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; + } + .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: #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 { + color: #6c6c6c; } - .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon { + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + 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 { + color: #898989; + } + .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-submenu-list:not(.p-panelmenu-root-submenu) { + .p-panelmenu .p-panelmenu-content .p-menuitem-separator { + border-top: 1px solid #ebebeb; + margin: 4px 0; + } + .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) { padding: 0 0 0 1rem; } .p-panelmenu .p-panelmenu-panel { margin-bottom: 0; } - .p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content { border-radius: 0; } .p-panelmenu .p-panelmenu-panel .p-panelmenu-content { border-radius: 0; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a { + .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content { border-top: 0 none; } - .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a { + .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content { border-top-right-radius: 6px; border-top-left-radius: 6px; } - .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a { + .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } @@ -5024,39 +5193,61 @@ border-radius: 6px; width: 12.5rem; } - .p-slidemenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-slidemenu .p-menuitem-link > .p-menuitem-content { color: #6c6c6c; - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; user-select: none; } - .p-slidemenu .p-menuitem-link .p-menuitem-text { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-slidemenu .p-menuitem-link .p-menuitem-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #898989; margin-right: 0.5rem; } - .p-slidemenu .p-menuitem-link .p-submenu-icon { + .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover { - background: #edf0fA; + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-slidemenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #898989; + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; } - .p-slidemenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c6c6c; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; + } + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { + color: #898989; } .p-slidemenu.p-slidemenu-overlay { background: #ffffff; @@ -5070,7 +5261,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-slidemenu.p-slidemenu-active > .p-slidemenu-link { - background: #edf0fA; + background: #edf0fa; } .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text { color: #6c6c6c; @@ -5185,67 +5376,82 @@ border-radius: 6px; width: 12.5rem; } - .p-tieredmenu .p-menuitem-link { - padding: 0.75rem 1rem; + .p-tieredmenu.p-tieredmenu-overlay { + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-tieredmenu-root-list { + outline: 0 none; + } + .p-tieredmenu .p-submenu-list { + padding: 0.5rem 0.5rem; + background: #ffffff; + border: 0 none; + 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-tieredmenu .p-menuitem > .p-menuitem-content { color: #6c6c6c; - border-radius: 6px; transition: box-shadow 0.3s; + border-radius: 6px; + } + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link { + color: #6c6c6c; + padding: 0.75rem 1rem; user-select: none; } - .p-tieredmenu .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-tieredmenu .p-menuitem-link .p-menuitem-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon { color: #898989; margin-right: 0.5rem; } - .p-tieredmenu .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover { - background: #edf0fA; + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content { + color: #6c6c6c; + background: #edf0fa; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #898989; + .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #edf0fa; } - .p-tieredmenu .p-menuitem-link:focus { - outline: 0 none; - outline-offset: 0; - box-shadow: inset 0 0 0 0.15rem #bbc7ee; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { + color: #6c6c6c; + background: #e6e9f3; } - .p-tieredmenu.p-tieredmenu-overlay { - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #6c6c6c; } - .p-tieredmenu .p-submenu-list { - padding: 0.5rem 0.5rem; - background: #ffffff; - border: 0 none; - 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-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6c6c6c; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link { - background: #edf0fA; + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover { + color: #6c6c6c; + background: #edf0fa; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text { color: #6c6c6c; } - .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon, .p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon { + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon, + .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon { color: #898989; } - .p-tieredmenu .p-menu-separator { + .p-tieredmenu .p-menuitem-separator { border-top: 1px solid #ebebeb; margin: 4px 0; } .p-tieredmenu .p-submenu-icon { font-size: 0.875rem; - transition: transform 0.3s; } .p-tieredmenu .p-submenu-icon.p-icon { width: 0.875rem; @@ -5528,7 +5734,7 @@ padding: 1rem; } .p-galleria .p-galleria-indicators .p-galleria-indicator button { - background-color: #edf0fA; + background-color: #edf0fa; width: 1rem; height: 1rem; transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; @@ -5756,7 +5962,7 @@ transition: background-color 0.3s, color 0.3s, border-color 0.3s, box-shadow 0.3s; } .p-inplace .p-inplace-display:not(.p-disabled):hover { - background: #edf0fA; + background: #edf0fa; color: #6c6c6c; } .p-inplace .p-inplace-display:focus {