From 498b83263a7b856f383228750338420387027121 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Yi=C4=9Fit=20FINDIKLI?= Date: Mon, 25 Dec 2023 15:08:01 +0300 Subject: [PATCH] Theme updates for #5459 #5639 --- public/themes/arya-blue/theme.css | 1270 ++++---- public/themes/arya-green/theme.css | 1270 ++++---- public/themes/arya-orange/theme.css | 1270 ++++---- public/themes/arya-purple/theme.css | 1270 ++++---- public/themes/bootstrap4-dark-blue/theme.css | 910 +++--- .../themes/bootstrap4-dark-purple/theme.css | 910 +++--- public/themes/bootstrap4-light-blue/theme.css | 920 +++--- .../themes/bootstrap4-light-purple/theme.css | 920 +++--- public/themes/fluent-light/theme.css | 904 +++--- public/themes/lara-dark-amber/theme.css | 924 +++--- public/themes/lara-dark-blue/theme.css | 924 +++--- public/themes/lara-dark-cyan/theme.css | 924 +++--- public/themes/lara-dark-green/theme.css | 924 +++--- public/themes/lara-dark-indigo/theme.css | 924 +++--- public/themes/lara-dark-pink/theme.css | 924 +++--- public/themes/lara-dark-purple/theme.css | 924 +++--- public/themes/lara-dark-teal/theme.css | 924 +++--- public/themes/lara-light-amber/theme.css | 1102 ++++--- public/themes/lara-light-blue/theme.css | 1572 +++++----- public/themes/lara-light-cyan/theme.css | 1102 ++++--- public/themes/lara-light-green/theme.css | 1180 +++++--- public/themes/lara-light-indigo/theme.css | 1588 +++++----- public/themes/lara-light-pink/theme.css | 1102 ++++--- public/themes/lara-light-purple/theme.css | 1588 +++++----- public/themes/lara-light-teal/theme.css | 1102 ++++--- public/themes/luna-amber/theme.css | 1440 +++++---- public/themes/luna-blue/theme.css | 1440 +++++---- public/themes/luna-green/theme.css | 1440 +++++---- public/themes/luna-pink/theme.css | 1440 +++++---- public/themes/md-dark-deeppurple/theme.css | 1115 ++++--- public/themes/md-dark-indigo/theme.css | 1115 ++++--- public/themes/md-light-deeppurple/theme.css | 1267 ++++---- public/themes/md-light-indigo/theme.css | 1267 ++++---- public/themes/mdc-dark-deeppurple/theme.css | 1115 ++++--- public/themes/mdc-dark-indigo/theme.css | 1115 ++++--- public/themes/mdc-light-deeppurple/theme.css | 1267 ++++---- public/themes/mdc-light-indigo/theme.css | 1267 ++++---- public/themes/mira/theme.css | 2684 +++++++++-------- public/themes/nano/theme.css | 982 +++--- public/themes/nova-accent/theme.css | 970 +++--- public/themes/nova-alt/theme.css | 970 +++--- public/themes/nova/theme.css | 970 +++--- public/themes/rhea/theme.css | 1314 ++++---- public/themes/saga-blue/theme.css | 1360 +++++---- public/themes/saga-green/theme.css | 1360 +++++---- public/themes/saga-orange/theme.css | 1360 +++++---- public/themes/saga-purple/theme.css | 1360 +++++---- public/themes/soho-dark/theme.css | 916 +++--- public/themes/soho-light/theme.css | 938 +++--- public/themes/tailwind-light/theme.css | 2057 +++++++------ public/themes/vela-blue/theme.css | 1292 ++++---- public/themes/vela-green/theme.css | 1292 ++++---- public/themes/vela-orange/theme.css | 1292 ++++---- public/themes/vela-purple/theme.css | 1292 ++++---- public/themes/viva-dark/theme.css | 870 ++++-- public/themes/viva-light/theme.css | 1034 ++++--- 56 files changed, 39174 insertions(+), 27799 deletions(-) diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index bc4d8077e9..ef2707dfd3 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 { @@ -3440,10 +3442,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 +3506,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 +3587,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; @@ -3866,20 +3868,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; @@ -4040,7 +4042,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #64B5F6; + background: #64b5f6; color: #212529; width: 2rem; height: 2rem; @@ -4196,142 +4198,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; @@ -4340,101 +4368,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); @@ -4443,23 +4442,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; @@ -4480,8 +4470,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; @@ -4504,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 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; @@ -4569,39 +4609,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; @@ -4628,89 +4690,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 { @@ -4720,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 #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 { @@ -4785,39 +4897,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; @@ -4866,42 +5000,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); @@ -4917,66 +5055,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: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-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 #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; } @@ -4992,39 +5159,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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.03); } - .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: 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 #93cbf9; + .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; @@ -5137,13 +5326,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; @@ -5153,67 +5342,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; @@ -5225,7 +5429,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5234,7 +5438,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5243,7 +5447,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5252,7 +5456,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5297,7 +5501,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; @@ -5309,7 +5513,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5321,7 +5525,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5333,7 +5537,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5406,7 +5610,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; @@ -5416,7 +5620,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; @@ -5426,7 +5630,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; @@ -5436,7 +5640,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; @@ -5687,7 +5891,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; @@ -5695,19 +5899,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 { @@ -5741,7 +5945,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #64B5F6; + background: #64b5f6; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5759,7 +5963,7 @@ font-size: 1rem; } .p-badge { - background: #64B5F6; + background: #64b5f6; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5768,23 +5972,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 { @@ -5800,7 +6004,7 @@ line-height: 3rem; } .p-tag { - background: #64B5F6; + background: #64b5f6; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5808,37 +6012,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 2950d87979..1c2c07d846 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 { @@ -3440,10 +3442,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 +3506,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 +3587,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; @@ -3866,20 +3868,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; @@ -4040,7 +4042,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #81C784; + background: #81c784; color: #212529; width: 2rem; height: 2rem; @@ -4196,142 +4198,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; @@ -4340,101 +4368,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); @@ -4443,23 +4442,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; @@ -4480,8 +4470,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; @@ -4504,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 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; @@ -4569,39 +4609,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; @@ -4628,89 +4690,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 { @@ -4720,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 #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 { @@ -4785,39 +4897,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; @@ -4866,42 +5000,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); @@ -4917,66 +5055,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: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-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 #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; } @@ -4992,39 +5159,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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.03); } - .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: 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 #a7d8a9; + .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; @@ -5137,13 +5326,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; @@ -5153,67 +5342,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; @@ -5225,7 +5429,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5234,7 +5438,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5243,7 +5447,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5252,7 +5456,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5297,7 +5501,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; @@ -5309,7 +5513,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5321,7 +5525,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5333,7 +5537,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5406,7 +5610,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; @@ -5416,7 +5620,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; @@ -5426,7 +5630,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; @@ -5436,7 +5640,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; @@ -5687,7 +5891,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; @@ -5695,19 +5899,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 { @@ -5741,7 +5945,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #81C784; + background: #81c784; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5759,7 +5963,7 @@ font-size: 1rem; } .p-badge { - background: #81C784; + background: #81c784; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5768,23 +5972,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 { @@ -5800,7 +6004,7 @@ line-height: 3rem; } .p-tag { - background: #81C784; + background: #81c784; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5808,37 +6012,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 f892a95000..d3582fba22 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 { @@ -3440,10 +3442,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 +3506,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 +3587,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; @@ -3866,20 +3868,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; @@ -4040,7 +4042,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #FFD54F; + background: #ffd54f; color: #212529; width: 2rem; height: 2rem; @@ -4196,142 +4198,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; @@ -4340,101 +4368,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); @@ -4443,23 +4442,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; @@ -4480,8 +4470,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; @@ -4504,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 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; @@ -4569,39 +4609,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; @@ -4628,89 +4690,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 { @@ -4720,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 #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 { @@ -4785,39 +4897,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; @@ -4866,42 +5000,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); @@ -4917,66 +5055,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: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-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 #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; } @@ -4992,39 +5159,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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.03); } - .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: 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 #ffe284; + .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; @@ -5137,13 +5326,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; @@ -5153,67 +5342,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; @@ -5225,7 +5429,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5234,7 +5438,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5243,7 +5447,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5252,7 +5456,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5297,7 +5501,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; @@ -5309,7 +5513,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5321,7 +5525,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5333,7 +5537,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5406,7 +5610,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; @@ -5416,7 +5620,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; @@ -5426,7 +5630,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; @@ -5436,7 +5640,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; @@ -5687,7 +5891,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; @@ -5695,19 +5899,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 { @@ -5741,7 +5945,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #FFD54F; + background: #ffd54f; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5759,7 +5963,7 @@ font-size: 1rem; } .p-badge { - background: #FFD54F; + background: #ffd54f; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5768,23 +5972,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 { @@ -5800,7 +6004,7 @@ line-height: 3rem; } .p-tag { - background: #FFD54F; + background: #ffd54f; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5808,37 +6012,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 468cf57f92..c80a89e9e6 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 { @@ -3440,10 +3442,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 +3506,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 +3587,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; @@ -3866,20 +3868,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; @@ -4040,7 +4042,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #BA68C8; + background: #ba68c8; color: #ffffff; width: 2rem; height: 2rem; @@ -4196,142 +4198,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; @@ -4340,101 +4368,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); @@ -4443,23 +4442,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; @@ -4480,8 +4470,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; @@ -4504,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 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; @@ -4569,39 +4609,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; @@ -4628,89 +4690,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 { @@ -4720,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 #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 { @@ -4785,39 +4897,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; @@ -4866,42 +5000,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); @@ -4917,66 +5055,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: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-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 #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; } @@ -4992,39 +5159,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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .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.p-highlight.p-focus > .p-menuitem-content { background: rgba(255, 255, 255, 0.03); } - .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: 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 #cf95d9; + .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; @@ -5137,13 +5326,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; @@ -5153,67 +5342,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; @@ -5225,7 +5429,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5234,7 +5438,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5243,7 +5447,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5252,7 +5456,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5297,7 +5501,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; @@ -5309,7 +5513,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5321,7 +5525,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5333,7 +5537,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5406,7 +5610,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; @@ -5416,7 +5620,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; @@ -5426,7 +5630,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; @@ -5436,7 +5640,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; @@ -5687,7 +5891,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; @@ -5695,19 +5899,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 { @@ -5741,7 +5945,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #BA68C8; + background: #ba68c8; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5759,7 +5963,7 @@ font-size: 1rem; } .p-badge { - background: #BA68C8; + background: #ba68c8; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5768,23 +5972,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 { @@ -5800,7 +6004,7 @@ line-height: 3rem; } .p-tag { - background: #BA68C8; + background: #ba68c8; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5808,37 +6012,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 b5fe1d5c0e..a8bcaebc0d 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; @@ -4205,142 +4207,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; @@ -4349,101 +4377,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-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-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-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.12); } - .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.15s; - 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.04); } - .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 #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); @@ -4452,23 +4451,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; @@ -4489,8 +4479,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; @@ -4513,39 +4531,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; @@ -4578,39 +4618,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-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: #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: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-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.87); } .p-menu.p-menu-overlay { background: #2a323d; @@ -4637,89 +4699,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 { @@ -4729,25 +4796,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 { @@ -4794,39 +4906,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; @@ -4875,42 +5009,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); @@ -4926,66 +5064,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-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: #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: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 #e3f3fe; + .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; } @@ -5001,39 +5168,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: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: #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: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-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.87); } .p-slidemenu.p-slidemenu-overlay { background: #2a323d; @@ -5162,67 +5351,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 74926319b8..c7ac2c8b09 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; @@ -4205,142 +4207,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; @@ -4349,101 +4377,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-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-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-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.12); } - .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.15s; - 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.04); } - .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 #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); @@ -4452,23 +4451,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; @@ -4489,8 +4479,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; @@ -4513,39 +4531,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; @@ -4578,39 +4618,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-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: #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: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-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.87); } .p-menu.p-menu-overlay { background: #2a323d; @@ -4637,89 +4699,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 { @@ -4729,25 +4796,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 { @@ -4794,39 +4906,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; @@ -4875,42 +5009,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); @@ -4926,66 +5064,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-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: #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: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 #f0e6f5; + .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; } @@ -5001,39 +5168,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: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: #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: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-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.87); } .p-slidemenu.p-slidemenu-overlay { background: #2a323d; @@ -5162,67 +5351,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 744e5efc59..4e7a4224ea 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; @@ -4205,142 +4207,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; @@ -4349,101 +4377,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 { - 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-text { color: #212529; } - .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: #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; @@ -4452,23 +4451,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; @@ -4489,8 +4479,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; @@ -4513,39 +4531,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: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: #212529; 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: #212529; } - .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: #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.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-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: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-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-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: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; @@ -4578,39 +4618,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.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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-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: #e9ecef; } - .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: #212529; + background: #dee2e6; } - .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: #212529; } - .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: #212529; } - .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-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; @@ -4637,117 +4699,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 { @@ -4794,39 +4906,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; @@ -4875,42 +5009,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; @@ -4926,66 +5064,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 .p-menuitem-link .p-panelmenu-icon { + .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-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; } @@ -5001,39 +5168,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:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; 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: #212529; } - .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: #212529; } - .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: #e9ecef; + } + .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: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-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: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; @@ -5162,67 +5351,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 2cec1c2675..6c477b5069 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; @@ -4205,142 +4207,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; @@ -4349,101 +4377,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 { - 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-text { color: #212529; } - .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: #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; @@ -4452,23 +4451,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; @@ -4489,8 +4479,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; @@ -4513,39 +4531,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: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: #212529; 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: #212529; } - .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: #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.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-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: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-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-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: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; @@ -4578,39 +4618,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.p-highlight > .p-menuitem-content { + color: #212529; + background: #e9ecef; + } + .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-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: #e9ecef; } - .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: #212529; + background: #dee2e6; } - .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: #212529; } - .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: #212529; } - .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-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; @@ -4637,117 +4699,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 { @@ -4794,39 +4906,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; @@ -4875,42 +5009,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; @@ -4926,66 +5064,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 .p-menuitem-link .p-panelmenu-icon { + .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-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; } @@ -5001,39 +5168,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:not(.p-disabled):hover { + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content { + color: #212529; 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: #212529; } - .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: #212529; } - .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: #e9ecef; + } + .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: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-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; + } + .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: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; @@ -5162,67 +5351,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 7e16df41c3..3d1537ae8d 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; @@ -4171,142 +4173,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: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-text { + .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.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: #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; @@ -4315,101 +4343,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 { - color: #0078d4; - } - .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: #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; @@ -4418,23 +4417,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; @@ -4455,8 +4445,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; @@ -4479,39 +4497,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; @@ -4544,39 +4584,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; @@ -4603,89 +4665,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 { - color: #0078d4; - } - .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: #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 { @@ -4695,25 +4762,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 { @@ -4760,39 +4872,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; @@ -4841,42 +4975,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; @@ -4892,44 +5030,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: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-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 #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 { @@ -4943,39 +5110,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; @@ -5104,67 +5293,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 62d2b9e366..1391265670 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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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-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-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-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: #424b57; } - .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 1.25rem; + .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.2s; - 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.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); @@ -4437,23 +4434,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; @@ -4474,8 +4462,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; @@ -4498,39 +4514,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; @@ -4563,39 +4601,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; @@ -4622,89 +4682,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 { @@ -4714,25 +4779,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 { @@ -4779,39 +4889,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; @@ -4860,42 +4992,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); @@ -4911,44 +5047,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: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 #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 { @@ -4962,39 +5127,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: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(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: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-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: #374151; @@ -5123,67 +5310,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 8b71e87534..adc2a00d34 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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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-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-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-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: #424b57; } - .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 1.25rem; + .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.2s; - 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.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); @@ -4437,23 +4434,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; @@ -4474,8 +4462,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; @@ -4498,39 +4514,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; @@ -4563,39 +4601,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; @@ -4622,89 +4682,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 { @@ -4714,25 +4779,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 { @@ -4779,39 +4889,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; @@ -4860,42 +4992,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); @@ -4911,44 +5047,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: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 #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 { @@ -4962,39 +5127,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: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(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: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-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: #374151; @@ -5123,67 +5310,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 6c1f9411e6..17906ee855 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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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-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-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-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: #424b57; } - .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 1.25rem; + .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.2s; - 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.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); @@ -4437,23 +4434,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; @@ -4474,8 +4462,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; @@ -4498,39 +4514,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; @@ -4563,39 +4601,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; @@ -4622,89 +4682,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 { @@ -4714,25 +4779,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 { @@ -4779,39 +4889,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; @@ -4860,42 +4992,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); @@ -4911,44 +5047,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: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 #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 { @@ -4962,39 +5127,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: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(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: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-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: #374151; @@ -5123,67 +5310,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 1d05e58114..dbc3cea580 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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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-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-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-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: #424b57; } - .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 1.25rem; + .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.2s; - 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.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); @@ -4437,23 +4434,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; @@ -4474,8 +4462,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; @@ -4498,39 +4514,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; @@ -4563,39 +4601,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; @@ -4622,89 +4682,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 { @@ -4714,25 +4779,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 { @@ -4779,39 +4889,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; @@ -4860,42 +4992,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); @@ -4911,44 +5047,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: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 #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 { @@ -4962,39 +5127,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: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(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: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-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: #374151; @@ -5123,67 +5310,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 3fc9d8c0db..e44ea085bb 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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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-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-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-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: #424b57; } - .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 1.25rem; + .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.2s; - 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.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); @@ -4437,23 +4434,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; @@ -4474,8 +4462,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; @@ -4498,39 +4514,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; @@ -4563,39 +4601,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; @@ -4622,89 +4682,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 { @@ -4714,25 +4779,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 { @@ -4779,39 +4889,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; @@ -4860,42 +4992,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); @@ -4911,44 +5047,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: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 #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 { @@ -4962,39 +5127,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: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(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: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-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: #374151; @@ -5123,67 +5310,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 b9db9a02da..e9e5a4c0c6 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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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-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-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-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: #424b57; } - .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 1.25rem; + .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.2s; - 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.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); @@ -4437,23 +4434,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; @@ -4474,8 +4462,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; @@ -4498,39 +4514,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; @@ -4563,39 +4601,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; @@ -4622,89 +4682,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 { @@ -4714,25 +4779,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 { @@ -4779,39 +4889,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; @@ -4860,42 +4992,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); @@ -4911,44 +5047,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: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 #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 { @@ -4962,39 +5127,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: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(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: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-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: #374151; @@ -5123,67 +5310,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 50117bc5b3..5322efd2bb 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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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-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-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-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: #424b57; } - .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 1.25rem; + .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.2s; - 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.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); @@ -4437,23 +4434,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; @@ -4474,8 +4462,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; @@ -4498,39 +4514,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; @@ -4563,39 +4601,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; @@ -4622,89 +4682,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 { @@ -4714,25 +4779,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 { @@ -4779,39 +4889,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; @@ -4860,42 +4992,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); @@ -4911,44 +5047,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: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 #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 { @@ -4962,39 +5127,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: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(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: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-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: #374151; @@ -5123,67 +5310,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 0ac36eb371..fa263256b6 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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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-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-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-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: #424b57; } - .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 1.25rem; + .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.2s; - 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.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); @@ -4437,23 +4434,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; @@ -4474,8 +4462,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; @@ -4498,39 +4514,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; @@ -4563,39 +4601,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; @@ -4622,89 +4682,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 { @@ -4714,25 +4779,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 { @@ -4779,39 +4889,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; @@ -4860,42 +4992,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); @@ -4911,44 +5047,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: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 #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 { @@ -4962,39 +5127,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: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(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: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-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: #374151; @@ -5123,67 +5310,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 274d2c6013..e9b0d9e52f 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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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; @@ -4437,23 +4434,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; @@ -4474,8 +4462,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; @@ -4498,39 +4514,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.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-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 #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; @@ -4563,39 +4601,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-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #b45309; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #b45309; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #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; @@ -4622,90 +4682,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 #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; @@ -4714,25 +4779,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 { @@ -4779,39 +4889,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:not(.p-disabled):hover .p-menuitem-text { + .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-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; @@ -4860,42 +4992,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; @@ -4911,44 +5047,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-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: #b45309; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(245, 158, 11, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #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 .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 { @@ -4962,39 +5127,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.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:not(.p-disabled):hover .p-menuitem-text { + .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; @@ -5123,67 +5310,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; @@ -5665,7 +5867,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5677,7 +5879,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5738,11 +5940,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 { @@ -5754,7 +5956,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5778,7 +5980,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5790,7 +5992,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 456dd37f29..c086fc7b62 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; @@ -3106,11 +3106,11 @@ .p-orderlist .p-orderlist-list .p-orderlist-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-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #1D4ED8; - background: #EFF6FF; + color: #1d4ed8; + background: #eff6ff; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; @@ -3123,8 +3123,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 +3154,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 +3227,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 +3288,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 +3327,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 +3342,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 +3435,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 +3446,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 +3458,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 +3493,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 +3502,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 +3523,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 +3561,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 +3604,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 +3642,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 +3730,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 +3791,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; @@ -3856,7 +3856,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; @@ -3865,15 +3865,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; @@ -3881,7 +3881,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; @@ -3983,7 +3983,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; @@ -4034,7 +4034,7 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #3B82F6; + background: #3b82f6; color: #ffffff; width: 2rem; height: 2rem; @@ -4093,7 +4093,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; @@ -4163,7 +4163,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; @@ -4190,142 +4190,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: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-text { - color: #1D4ED8; + .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; @@ -4334,101 +4360,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; @@ -4437,23 +4434,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; @@ -4472,10 +4460,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; @@ -4498,39 +4514,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: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: #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-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; @@ -4563,39 +4601,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-link:not(.p-disabled):hover .p-menuitem-text { + .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-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 #BFDBFE; + .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; @@ -4622,90 +4682,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-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: #EFF6FF; + .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: #1D4ED8; + .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: #1D4ED8; + .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; @@ -4714,25 +4779,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-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-menuitem.p-menuitem-active > .p-menuitem-link { - background: #EFF6FF; + .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-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #1D4ED8; + .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a { + padding-left: 5.25rem; } - .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 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 { @@ -4753,7 +4863,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; @@ -4779,39 +4889,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; @@ -4860,42 +4992,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; @@ -4911,44 +5047,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-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-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .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: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 .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: #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 { @@ -4962,39 +5127,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:not(.p-disabled):hover .p-menuitem-text { + .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.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; @@ -5008,13 +5195,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; @@ -5055,11 +5242,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; @@ -5103,7 +5290,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; @@ -5112,8 +5299,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; @@ -5123,67 +5310,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; @@ -5264,7 +5466,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); @@ -5373,7 +5575,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); @@ -5476,8 +5678,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; @@ -5495,8 +5697,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); @@ -5523,7 +5725,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); @@ -5623,7 +5825,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; @@ -5657,7 +5859,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; @@ -5665,7 +5867,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5677,7 +5879,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5700,7 +5902,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; @@ -5711,7 +5913,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #3B82F6; + background: #3b82f6; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5729,7 +5931,7 @@ font-size: 1rem; } .p-badge { - background: #3B82F6; + background: #3b82f6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5738,11 +5940,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 { @@ -5754,7 +5956,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5770,7 +5972,7 @@ line-height: 3rem; } .p-tag { - background: #3B82F6; + background: #3b82f6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5778,7 +5980,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5790,7 +5992,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } } @@ -5814,17 +6016,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); @@ -5848,10 +6050,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); @@ -5867,7 +6069,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 cba06d22f0..c4290f831f 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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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; @@ -4437,23 +4434,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; @@ -4474,8 +4462,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; @@ -4498,39 +4514,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.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-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 #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; @@ -4563,39 +4601,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-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0e7490; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0e7490; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #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; @@ -4622,90 +4682,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 #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; @@ -4714,25 +4779,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 { @@ -4779,39 +4889,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:not(.p-disabled):hover .p-menuitem-text { + .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-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; @@ -4860,42 +4992,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; @@ -4911,44 +5047,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-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: #0e7490; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(6, 182, 212, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #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 .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 { @@ -4962,39 +5127,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.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:not(.p-disabled):hover .p-menuitem-text { + .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; @@ -5123,67 +5310,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; @@ -5665,7 +5867,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5677,7 +5879,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5738,11 +5940,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 { @@ -5754,7 +5956,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5778,7 +5980,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5790,7 +5992,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 5408ec0d5f..f335065979 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; @@ -3110,7 +3110,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #047857; - background: #F0FDFA; + background: #f0fdfa; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; @@ -3123,7 +3123,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 +3227,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 +3292,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 +3345,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 +3447,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 +3458,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 +3506,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 +3561,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 { @@ -4190,142 +4190,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; @@ -4334,101 +4360,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 { + .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:not(.p-disabled):hover .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; @@ -4437,23 +4434,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; @@ -4474,8 +4462,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; @@ -4498,39 +4514,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.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-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 #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; @@ -4563,39 +4601,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-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #047857; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #047857; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: 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; @@ -4622,90 +4682,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; @@ -4714,25 +4779,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 { @@ -4779,39 +4889,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:not(.p-disabled):hover .p-menuitem-text { + .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-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; @@ -4860,42 +4992,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; @@ -4911,44 +5047,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-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: #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: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 .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 { @@ -4962,39 +5127,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.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:not(.p-disabled):hover .p-menuitem-text { + .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; @@ -5008,7 +5195,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; @@ -5058,7 +5245,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 { @@ -5123,67 +5310,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; @@ -5476,7 +5678,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 { @@ -5495,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: #F0FDFA; + background: #f0fdfa; color: #047857; } .p-galleria .p-galleria-thumbnail-container { @@ -5665,7 +5867,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5677,7 +5879,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5738,11 +5940,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 { @@ -5754,7 +5956,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5778,7 +5980,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5790,7 +5992,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 ce146bca6c..3114fe4bcb 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; @@ -3106,11 +3106,11 @@ .p-orderlist .p-orderlist-list .p-orderlist-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-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #4338CA; - background: #EEF2FF; + color: #4338ca; + background: #eef2ff; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; @@ -3123,8 +3123,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 +3154,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 +3227,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 +3288,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 +3327,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 +3342,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 +3435,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 +3446,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 +3458,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 +3493,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 +3502,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 +3523,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 +3561,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 +3604,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 +3642,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 +3730,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 +3791,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; @@ -3856,7 +3856,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; @@ -3865,15 +3865,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; @@ -3881,7 +3881,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; @@ -3983,7 +3983,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; @@ -4034,7 +4034,7 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #6366F1; + background: #6366f1; color: #ffffff; width: 2rem; height: 2rem; @@ -4045,7 +4045,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #4F46E5; + background: #4f46e5; color: #ffffff; } .p-overlaypanel:after { @@ -4093,7 +4093,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; @@ -4163,7 +4163,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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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-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 { + color: #4338ca; + background: #eef2ff; } - .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-text { + 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-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-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.p-highlight.p-focus > .p-menuitem-content { + background: rgba(99, 102, 241, 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 { + .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:not(.p-disabled):hover .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; @@ -4437,23 +4434,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; @@ -4472,10 +4460,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; @@ -4498,39 +4514,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.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: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(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; @@ -4563,39 +4601,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; @@ -4622,90 +4682,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 #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-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-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: #4338CA; + .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: #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-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-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; @@ -4714,25 +4779,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: #EEF2FF; + .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: #4338CA; + .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 .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 { + 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 { @@ -4753,7 +4863,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; @@ -4779,39 +4889,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:not(.p-disabled):hover .p-menuitem-text { + .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-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; @@ -4860,42 +4992,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; @@ -4911,44 +5047,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-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: #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: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 { @@ -4962,39 +5127,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.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-disabled):hover .p-menuitem-text { + .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; @@ -5008,13 +5195,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; @@ -5055,11 +5242,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; @@ -5103,7 +5290,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; @@ -5112,8 +5299,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; @@ -5123,67 +5310,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; @@ -5264,7 +5466,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); @@ -5373,7 +5575,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); @@ -5476,8 +5678,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; @@ -5495,8 +5697,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); @@ -5523,7 +5725,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); @@ -5623,7 +5825,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; @@ -5657,7 +5859,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; @@ -5665,7 +5867,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5677,7 +5879,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5700,7 +5902,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; @@ -5711,7 +5913,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #6366F1; + background: #6366f1; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5729,7 +5931,7 @@ font-size: 1rem; } .p-badge { - background: #6366F1; + background: #6366f1; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5738,11 +5940,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 { @@ -5754,7 +5956,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5770,7 +5972,7 @@ line-height: 3rem; } .p-tag { - background: #6366F1; + background: #6366f1; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5778,7 +5980,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5790,7 +5992,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } } @@ -5814,17 +6016,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); @@ -5848,10 +6050,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); @@ -5867,7 +6069,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 7fb96ad9d7..45fac7bdda 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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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; @@ -4437,23 +4434,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; @@ -4474,8 +4462,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; @@ -4498,39 +4514,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.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-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 #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; @@ -4563,39 +4601,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-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #be185d; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #be185d; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #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; @@ -4622,90 +4682,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 #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; @@ -4714,25 +4779,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 { @@ -4779,39 +4889,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:not(.p-disabled):hover .p-menuitem-text { + .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-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; @@ -4860,42 +4992,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; @@ -4911,44 +5047,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-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: #be185d; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(236, 72, 153, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #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 .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 { @@ -4962,39 +5127,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.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:not(.p-disabled):hover .p-menuitem-text { + .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; @@ -5123,67 +5310,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; @@ -5665,7 +5867,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5677,7 +5879,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5738,11 +5940,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 { @@ -5754,7 +5956,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5778,7 +5980,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5790,7 +5992,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 cefbc8e981..34d223e4aa 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; @@ -3106,11 +3106,11 @@ .p-orderlist .p-orderlist-list .p-orderlist-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-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #6D28D9; - background: #F5F3FF; + color: #6d28d9; + background: #f5f3ff; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8fa; @@ -3123,8 +3123,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 +3154,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 +3227,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 +3288,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 +3327,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 +3342,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 +3435,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 +3446,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 +3458,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 +3493,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 +3502,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 +3523,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 +3561,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 +3604,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 +3642,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 +3730,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 +3791,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; @@ -3856,7 +3856,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; @@ -3865,15 +3865,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; @@ -3881,7 +3881,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; @@ -3983,7 +3983,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; @@ -4034,7 +4034,7 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #8B5CF6; + background: #8b5cf6; color: #ffffff; width: 2rem; height: 2rem; @@ -4045,7 +4045,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #7C3AED; + background: #7c3aed; color: #ffffff; } .p-overlaypanel:after { @@ -4093,7 +4093,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; @@ -4163,7 +4163,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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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-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 { + color: #6d28d9; + background: #f5f3ff; } - .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-text { + 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-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-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.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 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 { + .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:not(.p-disabled):hover .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; @@ -4437,23 +4434,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; @@ -4472,10 +4460,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; @@ -4498,39 +4514,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.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: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(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; @@ -4563,39 +4601,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; @@ -4622,90 +4682,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 #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-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-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: #6D28D9; + .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: #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-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-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; @@ -4714,25 +4779,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: #F5F3FF; + .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: #6D28D9; + .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 .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 { + 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 { @@ -4753,7 +4863,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; @@ -4779,39 +4889,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:not(.p-disabled):hover .p-menuitem-text { + .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-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; @@ -4860,42 +4992,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; @@ -4911,44 +5047,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-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: #6d28d9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #6d28d9; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(139, 92, 246, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #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 { @@ -4962,39 +5127,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.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-disabled):hover .p-menuitem-text { + .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; @@ -5008,13 +5195,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; @@ -5055,11 +5242,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; @@ -5103,7 +5290,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; @@ -5112,8 +5299,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; @@ -5123,67 +5310,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; @@ -5264,7 +5466,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); @@ -5373,7 +5575,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); @@ -5476,8 +5678,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; @@ -5495,8 +5697,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); @@ -5523,7 +5725,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); @@ -5623,7 +5825,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; @@ -5657,7 +5859,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; @@ -5665,7 +5867,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5677,7 +5879,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5700,7 +5902,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; @@ -5711,7 +5913,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #8B5CF6; + background: #8b5cf6; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5729,7 +5931,7 @@ font-size: 1rem; } .p-badge { - background: #8B5CF6; + background: #8b5cf6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5738,11 +5940,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 { @@ -5754,7 +5956,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5770,7 +5972,7 @@ line-height: 3rem; } .p-tag { - background: #8B5CF6; + background: #8b5cf6; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5778,7 +5980,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5790,7 +5992,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } } @@ -5814,17 +6016,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); @@ -5848,10 +6050,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); @@ -5867,7 +6069,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 98b0f568e4..e6f16a01f8 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; @@ -4190,142 +4190,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; @@ -4334,101 +4360,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; @@ -4437,23 +4434,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; @@ -4474,8 +4462,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; @@ -4498,39 +4514,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.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-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 #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; @@ -4563,39 +4601,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-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #0f766e; + } + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: #0f766e; + } + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #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; @@ -4622,90 +4682,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 #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; @@ -4714,25 +4779,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 { @@ -4779,39 +4889,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:not(.p-disabled):hover .p-menuitem-text { + .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-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; @@ -4860,42 +4992,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; @@ -4911,44 +5047,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-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: #0f766e; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(20, 184, 166, 0.24); + } + .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content { color: #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 .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 { @@ -4962,39 +5127,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.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:not(.p-disabled):hover .p-menuitem-text { + .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; @@ -5123,67 +5310,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; @@ -5665,7 +5867,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5677,7 +5879,7 @@ color: #ffffff; } .p-tag.p-tag-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-tag .p-tag-icon { @@ -5738,11 +5940,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 { @@ -5754,7 +5956,7 @@ color: #ffffff; } .p-badge.p-badge-danger { - background-color: #EF4444; + background-color: #ef4444; color: #ffffff; } .p-badge.p-badge-lg { @@ -5778,7 +5980,7 @@ border-radius: 6px; } .p-tag.p-tag-success { - background-color: #22C55E; + background-color: #22c55e; color: #ffffff; } .p-tag.p-tag-info { @@ -5790,7 +5992,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 42ee8f7a27..abfad6aac1 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; @@ -3100,7 +3102,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #212529; - background: #FFE082; + background: #ffe082; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #323232; @@ -3113,7 +3115,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 +3219,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 +3284,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 +3337,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 +3439,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 +3450,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 +3498,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 +3515,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 +3553,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 +3600,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 +3639,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 +3727,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; @@ -3851,18 +3853,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); @@ -4024,7 +4026,7 @@ padding: 0.571rem 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #FFE082; + background: #ffe082; color: #212529; width: 2rem; height: 2rem; @@ -4035,7 +4037,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #FFD54F; + background: #ffd54f; color: #212529; } .p-overlaypanel:after { @@ -4180,142 +4182,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.p-highlight.p-focus > .p-menuitem-content { + background: #ffe082; } - .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: #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; @@ -4324,101 +4352,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; @@ -4427,23 +4426,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; @@ -4464,8 +4454,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; @@ -4488,39 +4506,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: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: #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-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; @@ -4553,39 +4593,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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .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: #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; @@ -4612,90 +4674,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-menuitem.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-submenu-icon { + .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; @@ -4704,25 +4771,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 { @@ -4769,39 +4881,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: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: #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-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; @@ -4850,44 +4984,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; - } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; + color: #ffe082; } - .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 { @@ -4901,44 +5039,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-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-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .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 { @@ -4952,39 +5119,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; @@ -4998,7 +5187,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; @@ -5048,7 +5237,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 { @@ -5098,11 +5287,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 { @@ -5113,67 +5302,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; @@ -5466,7 +5670,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 { @@ -5485,7 +5689,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 { @@ -5626,10 +5830,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; @@ -5647,7 +5851,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; @@ -5655,19 +5859,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 { @@ -5701,7 +5905,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #FFE082; + background: #ffe082; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5719,7 +5923,7 @@ font-size: 1rem; } .p-badge { - background: #FFE082; + background: #ffe082; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5728,23 +5932,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 { @@ -5760,7 +5964,7 @@ line-height: 3rem; } .p-tag { - background: #FFE082; + background: #ffe082; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5768,19 +5972,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 5a9c611bcc..45716c0325 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; @@ -3100,7 +3102,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #212529; - background: #81D4FA; + background: #81d4fa; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #323232; @@ -3113,7 +3115,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 +3219,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 +3284,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 +3337,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 +3439,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 +3450,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 +3498,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 +3515,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 +3553,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 +3600,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 +3639,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 +3727,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; @@ -3851,18 +3853,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); @@ -4024,7 +4026,7 @@ padding: 0.571rem 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #81D4FA; + background: #81d4fa; color: #212529; width: 2rem; height: 2rem; @@ -4035,7 +4037,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #4FC3F7; + background: #4fc3f7; color: #212529; } .p-overlaypanel:after { @@ -4180,142 +4182,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.p-highlight.p-focus > .p-menuitem-content { + background: #81d4fa; } - .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: #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; @@ -4324,101 +4352,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; @@ -4427,23 +4426,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; @@ -4464,8 +4454,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; @@ -4488,39 +4506,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: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: #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-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; @@ -4553,39 +4593,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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .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: #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; @@ -4612,90 +4674,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-menuitem.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-submenu-icon { + .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; @@ -4704,25 +4771,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 { @@ -4769,39 +4881,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: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: #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-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; @@ -4850,44 +4984,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; - } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; + color: #81d4fa; } - .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 { @@ -4901,44 +5039,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-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-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .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 { @@ -4952,39 +5119,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; @@ -4998,7 +5187,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; @@ -5048,7 +5237,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 { @@ -5098,11 +5287,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 { @@ -5113,67 +5302,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; @@ -5466,7 +5670,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 { @@ -5485,7 +5689,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 { @@ -5626,10 +5830,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; @@ -5647,7 +5851,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; @@ -5655,19 +5859,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 { @@ -5701,7 +5905,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #81D4FA; + background: #81d4fa; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5719,7 +5923,7 @@ font-size: 1rem; } .p-badge { - background: #81D4FA; + background: #81d4fa; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5728,23 +5932,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 { @@ -5760,7 +5964,7 @@ line-height: 3rem; } .p-tag { - background: #81D4FA; + background: #81d4fa; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5768,19 +5972,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 040c20129a..4bc8e08b05 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; @@ -3100,7 +3102,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #212529; - background: #C5E1A5; + background: #c5e1a5; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #323232; @@ -3113,7 +3115,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 +3219,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 +3284,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 +3337,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 +3439,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 +3450,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 +3498,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 +3515,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 +3553,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 +3600,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 +3639,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 +3727,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; @@ -3851,18 +3853,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); @@ -4024,7 +4026,7 @@ padding: 0.571rem 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #C5E1A5; + background: #c5e1a5; color: #212529; width: 2rem; height: 2rem; @@ -4035,7 +4037,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #AED581; + background: #aed581; color: #212529; } .p-overlaypanel:after { @@ -4180,142 +4182,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.p-highlight.p-focus > .p-menuitem-content { + background: #c5e1a5; } - .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: #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; @@ -4324,101 +4352,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; @@ -4427,23 +4426,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; @@ -4464,8 +4454,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; @@ -4488,39 +4506,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: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: #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-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; @@ -4553,39 +4593,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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .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: #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; @@ -4612,90 +4674,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-menuitem.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-submenu-icon { + .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; @@ -4704,25 +4771,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 { @@ -4769,39 +4881,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: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: #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-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; @@ -4850,44 +4984,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; - } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; + color: #c5e1a5; } - .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 { @@ -4901,44 +5039,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-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-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .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 { @@ -4952,39 +5119,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; @@ -4998,7 +5187,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; @@ -5048,7 +5237,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 { @@ -5098,11 +5287,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 { @@ -5113,67 +5302,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; @@ -5466,7 +5670,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 { @@ -5485,7 +5689,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 { @@ -5626,10 +5830,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; @@ -5647,7 +5851,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; @@ -5655,19 +5859,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 { @@ -5701,7 +5905,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #C5E1A5; + background: #c5e1a5; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5719,7 +5923,7 @@ font-size: 1rem; } .p-badge { - background: #C5E1A5; + background: #c5e1a5; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5728,23 +5932,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 { @@ -5760,7 +5964,7 @@ line-height: 3rem; } .p-tag { - background: #C5E1A5; + background: #c5e1a5; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5768,19 +5972,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 fd18652200..63a4929355 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; @@ -3100,7 +3102,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #212529; - background: #F48FB1; + background: #f48fb1; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #323232; @@ -3113,7 +3115,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 +3219,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 +3284,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 +3337,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 +3439,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 +3450,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 +3498,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 +3515,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 +3553,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 +3600,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 +3639,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 +3727,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; @@ -3851,18 +3853,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); @@ -4024,7 +4026,7 @@ padding: 0.571rem 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #F48FB1; + background: #f48fb1; color: #212529; width: 2rem; height: 2rem; @@ -4035,7 +4037,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #F06292; + background: #f06292; color: #212529; } .p-overlaypanel:after { @@ -4180,142 +4182,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.p-highlight.p-focus > .p-menuitem-content { + background: #f48fb1; } - .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: #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; @@ -4324,101 +4352,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; @@ -4427,23 +4426,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; @@ -4464,8 +4454,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; @@ -4488,39 +4506,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: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: #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-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; @@ -4553,39 +4593,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.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #212529; } - .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: #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; @@ -4612,90 +4674,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-menuitem.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-submenu-icon { + .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; @@ -4704,25 +4771,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 { @@ -4769,39 +4881,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: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: #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-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; @@ -4850,44 +4984,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; - } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; + color: #f48fb1; } - .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 { @@ -4901,44 +5039,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-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-menuitem-link:not(.p-disabled):hover .p-menuitem-text { + .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 { @@ -4952,39 +5119,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; @@ -4998,7 +5187,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; @@ -5048,7 +5237,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 { @@ -5098,11 +5287,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 { @@ -5113,67 +5302,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; @@ -5466,7 +5670,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 { @@ -5485,7 +5689,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 { @@ -5626,10 +5830,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; @@ -5647,7 +5851,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; @@ -5655,19 +5859,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 { @@ -5701,7 +5905,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #F48FB1; + background: #f48fb1; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5719,7 +5923,7 @@ font-size: 1rem; } .p-badge { - background: #F48FB1; + background: #f48fb1; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5728,23 +5932,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 { @@ -5760,7 +5964,7 @@ line-height: 3rem; } .p-tag { - background: #F48FB1; + background: #f48fb1; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5768,19 +5972,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 81c8423aaa..648331a018 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; @@ -4217,142 +4218,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; @@ -4361,101 +4388,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); @@ -4464,23 +4462,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; @@ -4501,8 +4490,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; @@ -4525,39 +4542,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; @@ -4590,39 +4629,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; @@ -4649,89 +4710,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 { @@ -4741,25 +4807,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 { @@ -4806,39 +4917,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; @@ -4887,42 +5020,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); @@ -4938,66 +5075,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 .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: 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: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; } @@ -5013,39 +5179,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; @@ -5174,67 +5362,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; @@ -5246,25 +5449,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; @@ -5273,13 +5476,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; @@ -5318,31 +5521,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; @@ -5354,16 +5557,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; @@ -5427,27 +5630,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; @@ -5457,14 +5660,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; @@ -5716,19 +5919,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 { @@ -5793,19 +5996,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 { @@ -5829,19 +6032,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 5c69c0cb10..231630076e 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; @@ -4217,142 +4218,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.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: rgba(255, 255, 255, 0.87); + } + .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; @@ -4361,101 +4388,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 { - color: rgba(255, 255, 255, 0.6); - } - .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.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); @@ -4464,23 +4462,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; @@ -4501,8 +4490,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; @@ -4525,39 +4542,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; @@ -4590,39 +4629,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; @@ -4649,89 +4710,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 { - color: rgba(255, 255, 255, 0.6); - } - .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.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 { @@ -4741,25 +4807,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 { @@ -4806,39 +4917,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; @@ -4887,42 +5020,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); @@ -4938,66 +5075,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: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-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 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; } @@ -5013,39 +5179,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; @@ -5174,67 +5362,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; @@ -5246,25 +5449,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; @@ -5273,13 +5476,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; @@ -5318,31 +5521,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; @@ -5354,16 +5557,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; @@ -5427,27 +5630,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; @@ -5457,14 +5660,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; @@ -5716,19 +5919,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 { @@ -5793,19 +5996,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 { @@ -5829,19 +6032,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 06b55ac320..2421c8fd51 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; @@ -4217,142 +4218,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.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: rgba(0, 0, 0, 0.87); + } + .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; @@ -4361,101 +4388,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 { + .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:not(.p-disabled):hover .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 { - color: rgba(0, 0, 0, 0.6); - } - .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(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); @@ -4464,23 +4462,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; @@ -4501,8 +4490,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; @@ -4525,39 +4542,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; @@ -4590,39 +4629,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; @@ -4649,89 +4710,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 { - color: rgba(0, 0, 0, 0.6); - } - .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(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 { @@ -4741,25 +4807,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 { @@ -4806,39 +4917,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; @@ -4887,42 +5020,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); @@ -4938,66 +5075,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: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-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 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; } @@ -5013,39 +5179,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; @@ -5174,67 +5362,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; @@ -5246,25 +5449,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; @@ -5273,13 +5476,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; @@ -5318,31 +5521,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; @@ -5354,16 +5557,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; @@ -5427,27 +5630,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; @@ -5457,14 +5660,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; @@ -5716,19 +5919,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 { @@ -5793,19 +5996,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 { @@ -5829,19 +6032,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; } } @@ -5931,11 +6134,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; @@ -5943,20 +6146,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; @@ -6168,16 +6371,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; @@ -6213,11 +6416,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; @@ -6225,14 +6428,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, @@ -6300,17 +6503,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%; @@ -6425,17 +6628,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; @@ -6502,17 +6705,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; @@ -6529,7 +6732,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; @@ -6554,11 +6757,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; @@ -6598,15 +6801,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; @@ -6764,17 +6967,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; @@ -6796,18 +6999,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; @@ -7174,17 +7377,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 065090943a..d1f6aa904d 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; @@ -4217,142 +4218,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.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: rgba(0, 0, 0, 0.87); + } + .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; @@ -4361,101 +4388,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 { + .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:not(.p-disabled):hover .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 { - color: rgba(0, 0, 0, 0.6); - } - .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(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); @@ -4464,23 +4462,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; @@ -4501,8 +4490,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; @@ -4525,39 +4542,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; @@ -4590,39 +4629,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; @@ -4649,89 +4710,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 { - color: rgba(0, 0, 0, 0.6); - } - .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(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 { @@ -4741,25 +4807,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 { @@ -4806,39 +4917,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; @@ -4887,42 +5020,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); @@ -4938,66 +5075,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: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-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 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; } @@ -5013,39 +5179,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; @@ -5174,67 +5362,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; @@ -5246,25 +5449,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; @@ -5273,13 +5476,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; @@ -5318,31 +5521,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; @@ -5354,16 +5557,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; @@ -5427,27 +5630,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; @@ -5457,14 +5660,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; @@ -5716,19 +5919,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 { @@ -5793,19 +5996,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 { @@ -5829,19 +6032,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; } } @@ -5931,11 +6134,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; @@ -5943,20 +6146,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; @@ -6168,16 +6371,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; @@ -6213,11 +6416,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; @@ -6225,14 +6428,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, @@ -6300,17 +6503,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%; @@ -6425,17 +6628,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; @@ -6502,17 +6705,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; @@ -6529,7 +6732,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; @@ -6554,11 +6757,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; @@ -6598,15 +6801,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; @@ -6764,17 +6967,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; @@ -6796,18 +6999,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; @@ -7174,17 +7377,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 a832cae38b..99ae5c3a3f 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; @@ -4217,142 +4218,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; @@ -4361,101 +4388,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); @@ -4464,23 +4462,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; @@ -4501,8 +4490,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; @@ -4525,39 +4542,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; @@ -4590,39 +4629,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; @@ -4649,89 +4710,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 { - color: rgba(255, 255, 255, 0.6); - } - .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.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 { @@ -4741,25 +4807,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 { @@ -4806,39 +4917,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; @@ -4887,42 +5020,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); @@ -4938,66 +5075,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 .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: 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: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; } @@ -5013,39 +5179,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; @@ -5174,67 +5362,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; @@ -5246,25 +5449,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; @@ -5273,13 +5476,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; @@ -5318,31 +5521,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; @@ -5354,16 +5557,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; @@ -5427,27 +5630,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; @@ -5457,14 +5660,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; @@ -5716,19 +5919,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 { @@ -5793,19 +5996,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 { @@ -5829,19 +6032,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 726120ef0a..7f3e1be24f 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; @@ -4217,142 +4218,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.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: rgba(255, 255, 255, 0.87); + } + .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; @@ -4361,101 +4388,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 { - color: rgba(255, 255, 255, 0.6); - } - .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.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); @@ -4464,23 +4462,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; @@ -4501,8 +4490,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; @@ -4525,39 +4542,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; @@ -4590,39 +4629,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; @@ -4649,89 +4710,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 { - color: rgba(255, 255, 255, 0.6); - } - .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.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 { @@ -4741,25 +4807,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 { @@ -4806,39 +4917,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; @@ -4887,42 +5020,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); @@ -4938,66 +5075,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: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-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 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; } @@ -5013,39 +5179,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; @@ -5174,67 +5362,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; @@ -5246,25 +5449,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; @@ -5273,13 +5476,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; @@ -5318,31 +5521,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; @@ -5354,16 +5557,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; @@ -5427,27 +5630,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; @@ -5457,14 +5660,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; @@ -5716,19 +5919,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 { @@ -5793,19 +5996,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 { @@ -5829,19 +6032,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 d9d2ef2e9a..ba796f377f 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; @@ -4217,142 +4218,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.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: rgba(0, 0, 0, 0.87); + } + .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; @@ -4361,101 +4388,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 { + .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:not(.p-disabled):hover .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 { - color: rgba(0, 0, 0, 0.6); - } - .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(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); @@ -4464,23 +4462,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; @@ -4501,8 +4490,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; @@ -4525,39 +4542,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; @@ -4590,39 +4629,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; @@ -4649,89 +4710,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 { - color: rgba(0, 0, 0, 0.6); - } - .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(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 { @@ -4741,25 +4807,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 { @@ -4806,39 +4917,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; @@ -4887,42 +5020,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); @@ -4938,66 +5075,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: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-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 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; } @@ -5013,39 +5179,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; @@ -5174,67 +5362,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; @@ -5246,25 +5449,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; @@ -5273,13 +5476,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; @@ -5318,31 +5521,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; @@ -5354,16 +5557,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; @@ -5427,27 +5630,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; @@ -5457,14 +5660,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; @@ -5716,19 +5919,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 { @@ -5793,19 +5996,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 { @@ -5829,19 +6032,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; } } @@ -5931,11 +6134,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; @@ -5943,20 +6146,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; @@ -6168,16 +6371,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; @@ -6213,11 +6416,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; @@ -6225,14 +6428,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, @@ -6300,17 +6503,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%; @@ -6425,17 +6628,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; @@ -6502,17 +6705,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; @@ -6529,7 +6732,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; @@ -6554,11 +6757,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; @@ -6598,15 +6801,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; @@ -6764,17 +6967,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; @@ -6796,18 +6999,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; @@ -7174,17 +7377,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 e74b9f3a9a..cbf71585dd 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; @@ -4217,142 +4218,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.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: rgba(0, 0, 0, 0.87); + } + .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; @@ -4361,101 +4388,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 { + .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:not(.p-disabled):hover .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 { - color: rgba(0, 0, 0, 0.6); - } - .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(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); @@ -4464,23 +4462,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; @@ -4501,8 +4490,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; @@ -4525,39 +4542,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; @@ -4590,39 +4629,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; @@ -4649,89 +4710,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 { - color: rgba(0, 0, 0, 0.6); - } - .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(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 { @@ -4741,25 +4807,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 { @@ -4806,39 +4917,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; @@ -4887,42 +5020,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); @@ -4938,66 +5075,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: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-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 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; } @@ -5013,39 +5179,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; @@ -5174,67 +5362,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; @@ -5246,25 +5449,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; @@ -5273,13 +5476,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; @@ -5318,31 +5521,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; @@ -5354,16 +5557,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; @@ -5427,27 +5630,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; @@ -5457,14 +5660,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; @@ -5716,19 +5919,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 { @@ -5793,19 +5996,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 { @@ -5829,19 +6032,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; } } @@ -5931,11 +6134,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; @@ -5943,20 +6146,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; @@ -6168,16 +6371,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; @@ -6213,11 +6416,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; @@ -6225,14 +6428,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, @@ -6300,17 +6503,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%; @@ -6425,17 +6628,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; @@ -6502,17 +6705,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; @@ -6529,7 +6732,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; @@ -6554,11 +6757,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; @@ -6598,15 +6801,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; @@ -6764,17 +6967,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; @@ -6796,18 +6999,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; @@ -7174,17 +7377,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 2d698d6ec2..2a5969f935 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,12 +3086,12 @@ } .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; @@ -3100,22 +3100,22 @@ 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; + box-shadow: inset 0 0 0 0.15rem #c0d0e0; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #2E3440; - background: #D8DEE9; + color: #2e3440; + background: #d8dee9; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f6f7fa; @@ -3125,30 +3125,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 +3159,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 +3175,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 +3186,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 +3215,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 +3224,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 +3232,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 +3249,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 +3260,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 +3268,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 +3282,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 +3318,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 +3378,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 +3406,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 +3426,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 +3436,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 +3451,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 +3491,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 +3566,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 +3613,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 +3634,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 +3647,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 +3707,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 +3722,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 +3731,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 +3750,7 @@ } .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a { padding: 1rem; - color: #4C566A; + color: #4c566a; border-radius: 4px; transition: none; } @@ -3760,12 +3760,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 +3778,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 +3788,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,50 +3807,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; + 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; + 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; @@ -3859,23 +3859,23 @@ background: #c2c7d1; } .p-scrollpanel .p-scrollpanel-bar { - background: #ECEFF4; + background: #eceff4; border: 0 none; } .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; @@ -3886,24 +3886,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; @@ -3911,19 +3911,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; @@ -3933,7 +3933,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); @@ -3986,7 +3986,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; @@ -3998,7 +3998,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%; @@ -4006,21 +4006,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 { @@ -4030,7 +4030,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; @@ -4055,7 +4055,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); @@ -4064,7 +4064,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #5E81AC; + background: #5e81ac; color: #ffffff; width: 2rem; height: 2rem; @@ -4075,7 +4075,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #81A1C1; + background: #81a1c1; color: #ffffff; } .p-overlaypanel:after { @@ -4096,7 +4096,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); } @@ -4107,7 +4107,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%; @@ -4115,15 +4115,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; @@ -4132,29 +4132,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; @@ -4166,8 +4166,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; } @@ -4182,7 +4182,7 @@ } .p-breadcrumb { background: #ffffff; - border: 1px solid #E5E9F0; + border: 1px solid #e5e9f0; border-radius: 4px; padding: 1rem; } @@ -4193,297 +4193,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-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: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-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-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: #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; @@ -4491,21 +4479,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; @@ -4514,7 +4530,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 { @@ -4528,39 +4544,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; @@ -4588,44 +4626,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; @@ -4635,107 +4695,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-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-text { + color: #4c566a; } - .p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-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: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-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-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-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; @@ -4744,25 +4809,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-menuitem.p-menuitem-active > .p-menuitem-link { + .p-menubar.p-menubar-mobile .p-menubar-button:hover { + color: #81a1c1; background: #ffffff; } - .p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text { - color: #4C566A; + .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-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 #e5e9f0; + 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-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 ul li ul li ul li ul li ul li a { + padding-left: 8.25rem; } @media screen and (max-width: 960px) { .p-menubar { @@ -4772,18 +4882,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; @@ -4795,7 +4905,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 { @@ -4809,39 +4919,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; @@ -4890,117 +5022,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; - } - .p-panelmenu .p-panelmenu-header.p-highlight { - margin-bottom: 0; + border-color: #e5e9f0; + color: #4c566a; } - .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: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 .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: #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; } @@ -5011,44 +5176,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; @@ -5065,13 +5252,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 { @@ -5083,7 +5270,7 @@ } .p-slidemenu .p-slidemenu-backward { padding: 0.75rem 1rem; - color: #4C566A; + color: #4c566a; } .p-steps .p-steps-item .p-menuitem-link { background: transparent; @@ -5092,7 +5279,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; @@ -5104,24 +5291,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; @@ -5131,18 +5318,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; @@ -5157,87 +5344,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; @@ -5318,7 +5520,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; @@ -5427,7 +5629,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; @@ -5472,7 +5674,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; @@ -5487,11 +5689,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; @@ -5509,29 +5711,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; @@ -5549,8 +5751,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); @@ -5560,7 +5762,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; @@ -5569,7 +5771,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; @@ -5577,7 +5779,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); @@ -5624,7 +5826,7 @@ height: 1.5rem; } .p-avatar { - background-color: #E5E9F0; + background-color: #e5e9f0; border-radius: 4px; } .p-avatar.p-avatar-lg { @@ -5650,8 +5852,8 @@ border: 2px solid #ffffff; } .p-chip { - background-color: #E5E9F0; - color: #4C566A; + background-color: #e5e9f0; + color: #4c566a; border-radius: 16px; padding: 0 0.5rem; } @@ -5677,7 +5879,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; @@ -5697,21 +5899,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; @@ -5719,19 +5921,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 { @@ -5749,23 +5951,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; @@ -5773,8 +5975,8 @@ } .p-terminal { background: #ffffff; - color: #4C566A; - border: 1px solid #E5E9F0; + color: #4c566a; + border: 1px solid #e5e9f0; padding: 1rem; } .p-terminal .p-terminal-input { @@ -5783,7 +5985,7 @@ font-size: 1rem; } .p-badge { - background: #5E81AC; + background: #5e81ac; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5792,23 +5994,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 { @@ -5824,7 +6026,7 @@ line-height: 3rem; } .p-tag { - background: #5E81AC; + background: #5e81ac; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5832,192 +6034,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 f44c063d15..4f4bacc3c3 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; @@ -3091,7 +3093,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #ffffff; - background: #44A1D9; + background: #44a1d9; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #fcfcfc; @@ -3104,7 +3106,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 +3210,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 +3275,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 +3328,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 +3430,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 +3489,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 +3544,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 { @@ -4196,142 +4198,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; @@ -4340,101 +4368,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 { + .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:not(.p-disabled):hover .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; @@ -4443,23 +4442,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; @@ -4480,8 +4470,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; @@ -4504,39 +4522,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; @@ -4569,39 +4609,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; @@ -4628,89 +4690,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-menuitem: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-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: #697077; } .p-menubar .p-submenu-list { @@ -4720,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 #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 { @@ -4785,39 +4897,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; @@ -4866,42 +5000,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; @@ -4917,66 +5055,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; } @@ -4992,39 +5159,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; @@ -5088,7 +5277,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 { @@ -5153,67 +5342,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; @@ -5225,7 +5429,7 @@ border-radius: 1px; } .p-inline-message.p-inline-message-info { - background: #CDF2FB; + background: #cdf2fb; border: solid #11add3; border-width: 0px; color: #08576a; @@ -5234,7 +5438,7 @@ color: #08576a; } .p-inline-message.p-inline-message-success { - background: #D7F8D3; + background: #d7f8d3; border: solid #32c620; border-width: 0px; color: #196310; @@ -5243,7 +5447,7 @@ color: #196310; } .p-inline-message.p-inline-message-warn { - background: #FEF8D6; + background: #fef8d6; border: solid #e4c306; border-width: 0px; color: #726203; @@ -5252,7 +5456,7 @@ color: #726203; } .p-inline-message.p-inline-message-error { - background: #FDDED2; + background: #fdded2; border: solid #de450a; border-width: 0px; color: #6f2205; @@ -5297,7 +5501,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; @@ -5309,7 +5513,7 @@ color: #08576a; } .p-message.p-message-success { - background: #D7F8D3; + background: #d7f8d3; border: solid #32c620; border-width: 0 0 0 6px; color: #196310; @@ -5321,7 +5525,7 @@ color: #196310; } .p-message.p-message-warn { - background: #FEF8D6; + background: #fef8d6; border: solid #e4c306; border-width: 0 0 0 6px; color: #726203; @@ -5333,7 +5537,7 @@ color: #726203; } .p-message.p-message-error { - background: #FDDED2; + background: #fdded2; border: solid #de450a; border-width: 0 0 0 6px; color: #6f2205; @@ -5406,7 +5610,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; @@ -5416,7 +5620,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; @@ -5426,7 +5630,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; @@ -5436,7 +5640,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; @@ -5506,7 +5710,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 { @@ -5525,7 +5729,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 498a943c66..663378c010 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; @@ -4171,142 +4173,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; @@ -4315,101 +4343,72 @@ border: 1px solid #c8c8c8; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; - color: #333333; - border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; - user-select: none; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #333333; - margin-right: 0.5rem; + padding: 0.857rem; + user-select: none; } - .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-menuitem-text { 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; @@ -4418,23 +4417,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; @@ -4455,8 +4445,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; @@ -4479,39 +4497,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; @@ -4544,39 +4584,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; @@ -4603,89 +4665,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 { @@ -4695,25 +4762,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 { @@ -4760,39 +4872,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:not(.p-disabled):hover { + .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: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: #333333; } - .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: #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.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .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: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-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-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: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; @@ -4841,42 +4975,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; @@ -4892,44 +5030,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: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-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 #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 { @@ -4943,39 +5110,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.p-highlight > .p-menuitem-content { + color: #333333; + background: #eaeaea; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .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-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { background: #eaeaea; } - .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: #333333; + background: #d6d6d6; } - .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: #333333; } - .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: #333333; } - .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-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; @@ -5104,67 +5293,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; @@ -5646,7 +5850,7 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-tag.p-tag-info { @@ -5719,11 +5923,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 { @@ -5759,7 +5963,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 cace58bb68..a19c6f23fd 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; @@ -4180,142 +4182,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; @@ -4324,101 +4352,72 @@ border: 1px solid #c8c8c8; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; - color: #333333; - border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; - user-select: none; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #333333; - margin-right: 0.5rem; + padding: 0.857rem; + user-select: none; } - .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-menuitem-text { 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; @@ -4427,23 +4426,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; @@ -4464,8 +4454,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; @@ -4488,39 +4506,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; @@ -4553,39 +4593,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; @@ -4612,89 +4674,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 { @@ -4704,25 +4771,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 { @@ -4769,39 +4881,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:not(.p-disabled):hover { + .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: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: #333333; } - .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: #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.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .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: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-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-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: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; @@ -4850,42 +4984,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; @@ -4901,44 +5039,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: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-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 #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 { @@ -4952,39 +5119,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.p-highlight > .p-menuitem-content { + color: #333333; + background: #eaeaea; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .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-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { background: #eaeaea; } - .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: #333333; + background: #d6d6d6; } - .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: #333333; } - .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: #333333; } - .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-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; @@ -5113,67 +5302,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; @@ -5655,7 +5859,7 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-tag.p-tag-info { @@ -5728,11 +5932,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 { @@ -5768,7 +5972,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 983ff7ee8d..7fe2bc69ec 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; @@ -4180,142 +4182,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; @@ -4324,101 +4352,72 @@ border: 1px solid #c8c8c8; border-radius: 3px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; - color: #333333; - border-radius: 3px; - transition: background-color 0.2s, box-shadow 0.2s; - user-select: none; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content { color: #333333; + transition: background-color 0.2s, box-shadow 0.2s; + border-radius: 0; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #333333; - margin-right: 0.5rem; + padding: 0.857rem; + user-select: none; } - .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-menuitem-text { 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; @@ -4427,23 +4426,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; @@ -4464,8 +4454,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; @@ -4488,39 +4506,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; @@ -4553,39 +4593,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; @@ -4612,89 +4674,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 { @@ -4704,25 +4771,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 { @@ -4769,39 +4881,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:not(.p-disabled):hover { + .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: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: #333333; } - .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: #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.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .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: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-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-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: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; @@ -4850,42 +4984,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; @@ -4901,44 +5039,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: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-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 #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 { @@ -4952,39 +5119,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.p-highlight > .p-menuitem-content { + color: #333333; + background: #eaeaea; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #333333; + } + .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-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { background: #eaeaea; } - .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: #333333; + background: #d6d6d6; } - .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: #333333; } - .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: #333333; } - .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-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; @@ -5113,67 +5302,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; @@ -5655,7 +5859,7 @@ border-radius: 3px; } .p-tag.p-tag-success { - background-color: #34A835; + background-color: #34a835; color: #ffffff; } .p-tag.p-tag-info { @@ -5728,11 +5932,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 { @@ -5768,7 +5972,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 86c2882c4a..a444b7cb8f 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 { @@ -3091,7 +3093,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #385048; - background: #AFD3C8; + background: #afd3c8; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #f8f8f8; @@ -3104,7 +3106,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 +3210,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 +3226,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 +3238,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 +3275,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 +3328,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 +3383,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 +3430,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 +3441,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 +3489,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 +3506,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 +3544,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 +3591,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 +3612,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 +3633,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 +3691,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 +3747,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; @@ -3822,10 +3824,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; @@ -3845,7 +3847,7 @@ color: #ffffff; } .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link { - background: #AFD3C8; + background: #afd3c8; border-color: #dadada; color: #385048; } @@ -3853,7 +3855,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); @@ -3873,8 +3875,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; @@ -3935,8 +3937,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; @@ -4015,7 +4017,7 @@ padding: 0.571rem 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #7B95A3; + background: #7b95a3; color: #ffffff; width: 2rem; height: 2rem; @@ -4083,28 +4085,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; @@ -4171,142 +4173,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; @@ -4315,101 +4343,72 @@ border: 1px solid #c8c8c8; border-radius: 2px; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link { - padding: 0.857rem; - color: #666666; - border-radius: 2px; - transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s; - user-select: none; + .p-megamenu .p-megamenu-root-list { + outline: 0 none; } - .p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text { + .p-megamenu .p-menuitem > .p-menuitem-content { color: #666666; + 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-menuitem-icon { + .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link { color: #666666; - margin-right: 0.5rem; + padding: 0.857rem; + user-select: none; } - .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-menuitem-text { 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; @@ -4418,23 +4417,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; @@ -4455,8 +4445,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; @@ -4479,39 +4497,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; @@ -4544,39 +4584,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; @@ -4603,89 +4665,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 { @@ -4695,25 +4762,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 { @@ -4760,39 +4872,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:not(.p-disabled):hover { + .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: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: #666666; } - .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: #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.p-highlight.p-focus > .p-menuitem-content { + background: #eaeaea; + } + .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: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-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-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: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; @@ -4841,44 +4975,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 { @@ -4892,44 +5030,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: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-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 #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 { @@ -4943,39 +5110,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.p-highlight > .p-menuitem-content { + color: #666666; + background: #eaeaea; + } + .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: #666666; + } + .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-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { background: #eaeaea; } - .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: #666666; + background: #e0e0e0; } - .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: #666666; } - .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: #666666; } - .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-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; @@ -5039,7 +5228,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 { @@ -5065,10 +5254,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; @@ -5092,7 +5281,7 @@ color: #ffffff; } .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link { - background: #AFD3C8; + background: #afd3c8; border-color: #dadada; color: #385048; } @@ -5104,67 +5293,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; @@ -5176,8 +5380,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; } @@ -5185,8 +5389,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; } @@ -5248,8 +5452,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; } @@ -5260,8 +5464,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; } @@ -5357,8 +5561,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; } @@ -5367,8 +5571,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; } @@ -5447,7 +5651,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; @@ -5457,7 +5661,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 { @@ -5476,7 +5680,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 { @@ -5638,7 +5842,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; @@ -5646,19 +5850,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 { @@ -5692,7 +5896,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #7B95A3; + background: #7b95a3; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5710,7 +5914,7 @@ font-size: 1rem; } .p-badge { - background: #7B95A3; + background: #7b95a3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5723,19 +5927,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 { @@ -5751,7 +5955,7 @@ line-height: 3rem; } .p-tag { - background: #7B95A3; + background: #7b95a3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5759,19 +5963,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 cb7e9e3e47..6a93e5ab69 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; @@ -3091,7 +3093,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; - background: #E3F2FD; + background: #e3f2fd; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #e9ecef; @@ -3104,7 +3106,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 +3210,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 +3275,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 +3328,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 +3430,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 +3442,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 +3489,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 +3506,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 +3544,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 +3587,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; @@ -3871,15 +3873,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; @@ -4040,7 +4042,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #2196F3; + background: #2196f3; color: #ffffff; width: 2rem; height: 2rem; @@ -4196,142 +4198,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.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: #495057; + } + .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; @@ -4340,101 +4368,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 { + .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:not(.p-disabled):hover .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; @@ -4443,23 +4442,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; @@ -4480,8 +4470,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; @@ -4504,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 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; @@ -4569,39 +4609,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; @@ -4628,89 +4690,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 { @@ -4720,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 #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 { @@ -4785,39 +4897,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; @@ -4866,42 +5000,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; @@ -4917,66 +5055,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: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 .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: #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; } @@ -4992,39 +5159,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; @@ -5088,7 +5277,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 { @@ -5142,8 +5331,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; @@ -5153,67 +5342,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; @@ -5225,7 +5429,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0px; color: #044868; @@ -5234,7 +5438,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0px; color: #224a23; @@ -5243,7 +5447,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0px; color: #6d5100; @@ -5252,7 +5456,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0px; color: #73000c; @@ -5297,7 +5501,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; @@ -5309,7 +5513,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5321,7 +5525,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5333,7 +5537,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5406,7 +5610,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; @@ -5416,7 +5620,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; @@ -5426,7 +5630,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; @@ -5436,7 +5640,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; @@ -5506,7 +5710,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 { @@ -5525,7 +5729,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 { @@ -5687,7 +5891,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; @@ -5695,19 +5899,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 { @@ -5741,7 +5945,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #2196F3; + background: #2196f3; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5759,7 +5963,7 @@ font-size: 1rem; } .p-badge { - background: #2196F3; + background: #2196f3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5768,23 +5972,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 { @@ -5800,7 +6004,7 @@ line-height: 3rem; } .p-tag { - background: #2196F3; + background: #2196f3; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5808,34 +6012,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 60b4d0d96e..1adb64ca48 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; @@ -3091,7 +3093,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; - background: #E8F5E9; + background: #e8f5e9; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #e9ecef; @@ -3104,7 +3106,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 +3210,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 +3275,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 +3328,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 +3430,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 +3442,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 +3489,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 +3506,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 +3544,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 +3587,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; @@ -3871,15 +3873,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; @@ -4040,7 +4042,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #4CAF50; + background: #4caf50; color: #ffffff; width: 2rem; height: 2rem; @@ -4196,142 +4198,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.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: #495057; + } + .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; @@ -4340,101 +4368,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 { + .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:not(.p-disabled):hover .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; @@ -4443,23 +4442,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; @@ -4480,8 +4470,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; @@ -4504,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 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; @@ -4569,39 +4609,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; @@ -4628,89 +4690,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 { @@ -4720,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 #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 { @@ -4785,39 +4897,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; @@ -4866,42 +5000,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; @@ -4917,66 +5055,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: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 .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: #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; } @@ -4992,39 +5159,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; @@ -5088,7 +5277,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 { @@ -5142,8 +5331,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; @@ -5153,67 +5342,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; @@ -5225,7 +5429,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0px; color: #044868; @@ -5234,7 +5438,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0px; color: #224a23; @@ -5243,7 +5447,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0px; color: #6d5100; @@ -5252,7 +5456,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0px; color: #73000c; @@ -5297,7 +5501,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; @@ -5309,7 +5513,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5321,7 +5525,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5333,7 +5537,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5406,7 +5610,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; @@ -5416,7 +5620,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; @@ -5426,7 +5630,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; @@ -5436,7 +5640,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; @@ -5506,7 +5710,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 { @@ -5525,7 +5729,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 { @@ -5687,7 +5891,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; @@ -5695,19 +5899,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 { @@ -5741,7 +5945,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #4CAF50; + background: #4caf50; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5759,7 +5963,7 @@ font-size: 1rem; } .p-badge { - background: #4CAF50; + background: #4caf50; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5768,23 +5972,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 { @@ -5800,7 +6004,7 @@ line-height: 3rem; } .p-tag { - background: #4CAF50; + background: #4caf50; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5808,34 +6012,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 f16228d612..33f5e8eb59 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; @@ -3091,7 +3093,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; - background: #FFF3E0; + background: #fff3e0; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #e9ecef; @@ -3104,7 +3106,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 +3210,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 +3275,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 +3328,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 +3430,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 +3442,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 +3489,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 +3506,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 +3544,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 +3587,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; @@ -3871,15 +3873,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; @@ -4040,7 +4042,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #FFC107; + background: #ffc107; color: #212529; width: 2rem; height: 2rem; @@ -4196,142 +4198,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.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: #495057; + } + .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; @@ -4340,101 +4368,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 { + .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:not(.p-disabled):hover .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; @@ -4443,23 +4442,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; @@ -4480,8 +4470,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; @@ -4504,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 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; @@ -4569,39 +4609,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; @@ -4628,89 +4690,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 { @@ -4720,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 #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 { @@ -4785,39 +4897,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; @@ -4866,42 +5000,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; @@ -4917,66 +5055,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: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 .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: #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; } @@ -4992,39 +5159,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; @@ -5088,7 +5277,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 { @@ -5142,8 +5331,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; @@ -5153,67 +5342,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; @@ -5225,7 +5429,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0px; color: #044868; @@ -5234,7 +5438,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0px; color: #224a23; @@ -5243,7 +5447,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0px; color: #6d5100; @@ -5252,7 +5456,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0px; color: #73000c; @@ -5297,7 +5501,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; @@ -5309,7 +5513,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5321,7 +5525,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5333,7 +5537,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5406,7 +5610,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; @@ -5416,7 +5620,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; @@ -5426,7 +5630,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; @@ -5436,7 +5640,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; @@ -5506,7 +5710,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 { @@ -5525,7 +5729,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 { @@ -5687,7 +5891,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; @@ -5695,19 +5899,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 { @@ -5741,7 +5945,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #FFC107; + background: #ffc107; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5759,7 +5963,7 @@ font-size: 1rem; } .p-badge { - background: #FFC107; + background: #ffc107; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5768,23 +5972,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 { @@ -5800,7 +6004,7 @@ line-height: 3rem; } .p-tag { - background: #FFC107; + background: #ffc107; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5808,34 +6012,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 eebf0ff875..fce4ec1a26 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; @@ -3091,7 +3093,7 @@ } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { color: #495057; - background: #F3E5F5; + background: #f3e5f5; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #e9ecef; @@ -3104,7 +3106,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 +3210,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 +3275,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 +3328,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 +3430,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 +3442,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 +3489,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 +3506,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 +3544,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 +3587,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; @@ -3871,15 +3873,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; @@ -4040,7 +4042,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #9C27B0; + background: #9c27b0; color: #ffffff; width: 2rem; height: 2rem; @@ -4196,142 +4198,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.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: #495057; + } + .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; @@ -4340,101 +4368,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 { + .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:not(.p-disabled):hover .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; @@ -4443,23 +4442,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; @@ -4480,8 +4470,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; @@ -4504,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 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; @@ -4569,39 +4609,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; @@ -4628,89 +4690,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 { @@ -4720,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 #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 { @@ -4785,39 +4897,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; @@ -4866,42 +5000,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; @@ -4917,66 +5055,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: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 .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: #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; } @@ -4992,39 +5159,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; @@ -5088,7 +5277,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 { @@ -5142,8 +5331,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; @@ -5153,67 +5342,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; @@ -5225,7 +5429,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 0px; color: #044868; @@ -5234,7 +5438,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0px; color: #224a23; @@ -5243,7 +5447,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0px; color: #6d5100; @@ -5252,7 +5456,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0px; color: #73000c; @@ -5297,7 +5501,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; @@ -5309,7 +5513,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5321,7 +5525,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5333,7 +5537,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5406,7 +5610,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; @@ -5416,7 +5620,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; @@ -5426,7 +5630,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; @@ -5436,7 +5640,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; @@ -5506,7 +5710,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 { @@ -5525,7 +5729,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 { @@ -5687,7 +5891,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; @@ -5695,19 +5899,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 { @@ -5741,7 +5945,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #9C27B0; + background: #9c27b0; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5759,7 +5963,7 @@ font-size: 1rem; } .p-badge { - background: #9C27B0; + background: #9c27b0; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5768,23 +5972,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 { @@ -5800,7 +6004,7 @@ line-height: 3rem; } .p-tag { - background: #9C27B0; + background: #9c27b0; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5808,34 +6012,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 802c658a6f..1a91046e4b 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; @@ -4192,142 +4192,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-link:not(.p-disabled):hover .p-submenu-icon { + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 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: 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; @@ -4336,93 +4362,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; @@ -4430,7 +4427,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); @@ -4439,23 +4436,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; @@ -4476,8 +4464,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; @@ -4500,39 +4516,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.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-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: 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; @@ -4565,39 +4603,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-link:not(.p-disabled):hover .p-menuitem-text { + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: rgba(177, 157, 247, 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: 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; @@ -4624,90 +4684,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-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(177, 157, 247, 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: 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; @@ -4716,25 +4781,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 { @@ -4781,39 +4891,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: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: #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-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; @@ -4862,42 +4994,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); @@ -4913,44 +5049,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-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: #b19df7; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + 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 { @@ -4964,39 +5129,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.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:not(.p-disabled):hover .p-menuitem-text { + .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; @@ -5125,67 +5312,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 06cc84c69e..ff7ab376d3 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; @@ -4192,142 +4192,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; @@ -4336,101 +4362,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; @@ -4439,23 +4436,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; @@ -4476,8 +4464,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; @@ -4500,39 +4516,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.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-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: #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; @@ -4565,39 +4603,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-link:not(.p-disabled):hover .p-menuitem-text { + .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.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; @@ -4624,90 +4684,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 { - color: #708da9; - } - .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: #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; @@ -4716,25 +4781,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 { @@ -4781,39 +4891,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:not(.p-disabled):hover .p-menuitem-text { + .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-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; @@ -4862,42 +4994,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; @@ -4913,44 +5049,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-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: #7254f3; + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #cbc0fa; + } + .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 .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: #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-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 { @@ -4964,39 +5129,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.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:not(.p-disabled):hover .p-menuitem-text { + .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; @@ -5125,67 +5312,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 5e08be27d0..1455a6cdc5 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; @@ -3112,16 +3115,16 @@ } .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; + box-shadow: inset 0 0 0 0.15rem #6366f1; } .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight { - color: #312E81; - background: #EEF2FF; + color: #312e81; + background: #eef2ff; } .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) { background: #fcfcfc; @@ -3131,11 +3134,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 +3168,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 +3184,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 +3224,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 +3233,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 +3241,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 +3277,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 +3297,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 +3327,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 +3356,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 +3387,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 +3449,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 +3460,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 +3469,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 +3492,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 +3500,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 +3516,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 +3537,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 +3575,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 +3618,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 +3656,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 +3731,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 +3769,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 +3816,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; @@ -3881,7 +3884,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; @@ -3892,24 +3895,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; @@ -3917,7 +3920,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; @@ -4004,7 +4007,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%; @@ -4012,14 +4015,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; @@ -4070,7 +4073,7 @@ padding: 1.25rem; } .p-overlaypanel .p-overlaypanel-close { - background: #4F46E5; + background: #4f46e5; color: #ffffff; width: 2rem; height: 2rem; @@ -4081,7 +4084,7 @@ right: -1rem; } .p-overlaypanel .p-overlaypanel-close:enabled:hover { - background: #4338CA; + background: #4338ca; color: #ffffff; } .p-overlaypanel:after { @@ -4113,7 +4116,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%; @@ -4121,7 +4124,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; } @@ -4129,7 +4132,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; @@ -4199,13 +4202,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; @@ -4215,7 +4218,7 @@ color: #3f3f46; } .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon { - color: #71717A; + color: #71717a; } .p-contextmenu { padding: 0.25rem 0; @@ -4226,142 +4229,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-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .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-submenu-icon { - color: #71717A; + .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; } - .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 { + color: #18181b; + background: #e5e7eb; } - .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-text { + color: #18181b; + } + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + 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; @@ -4370,93 +4399,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-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-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-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-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.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-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-link:not(.p-disabled):hover .p-submenu-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: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; @@ -4464,7 +4464,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; @@ -4473,23 +4473,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; @@ -4497,21 +4488,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; @@ -4534,39 +4553,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; @@ -4599,39 +4640,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-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .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-submenu-icon { - color: #71717A; + .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; } - .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 { + color: #18181b; + background: #e5e7eb; + } + .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; @@ -4658,90 +4721,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-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-menuitem-icon { - color: #71717A; - } - .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-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-menuitem-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:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; + .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-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 .p-menuitem-link .p-menuitem-text { + color: #18181b; } - .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-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-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-menuitem-content:hover { + color: #18181b; + background: #f4f4f5; } - .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 .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; @@ -4750,25 +4818,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-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-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.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 { @@ -4778,18 +4891,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; @@ -4815,39 +4928,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; @@ -4896,42 +5031,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; @@ -4947,66 +5086,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-highlight > .p-menuitem-content { + color: #3f3f46; + background: #f4f4f5; + } + .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-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-highlight.p-focus > .p-menuitem-content { 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: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 .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .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 .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon { - color: #71717A; + .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 .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-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; } @@ -5022,39 +5190,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:not(.p-disabled):hover .p-menuitem-icon { - color: #71717A; + .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-submenu-icon { - color: #71717A; + .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content { + background: #f4f4f5; } - .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 { + color: #18181b; + background: #e5e7eb; + } + .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; @@ -5074,7 +5264,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; @@ -5110,16 +5300,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; @@ -5148,7 +5338,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; @@ -5163,17 +5353,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; @@ -5183,67 +5373,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; @@ -5255,16 +5460,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; @@ -5273,22 +5478,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; @@ -5324,22 +5529,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; @@ -5351,28 +5556,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; @@ -5433,20 +5638,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; @@ -5456,24 +5661,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; @@ -5536,8 +5741,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; @@ -5555,8 +5760,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); @@ -5583,7 +5788,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); @@ -5683,7 +5888,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; @@ -5717,7 +5922,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; @@ -5725,19 +5930,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 { @@ -5755,12 +5960,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; @@ -5771,7 +5976,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #4F46E5; + background: #4f46e5; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5789,7 +5994,7 @@ font-size: 1rem; } .p-badge { - background: #4F46E5; + background: #4f46e5; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5798,23 +6003,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 { @@ -5830,7 +6035,7 @@ line-height: 3rem; } .p-tag { - background: #4F46E5; + background: #4f46e5; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5838,19 +6043,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; } } @@ -5872,52 +6077,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 21fe9b1128..7ff3f9aba9 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 { @@ -3440,10 +3442,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 +3506,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 +3587,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; @@ -3866,20 +3868,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; @@ -4040,7 +4042,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #64B5F6; + background: #64b5f6; color: #212529; width: 2rem; height: 2rem; @@ -4196,142 +4198,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; @@ -4340,101 +4368,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 { + .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: #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); @@ -4443,23 +4442,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; @@ -4480,8 +4470,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; @@ -4504,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 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; @@ -4569,39 +4609,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; @@ -4628,89 +4690,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 { @@ -4720,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 #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 { @@ -4785,39 +4897,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; @@ -4866,42 +5000,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); @@ -4917,66 +5055,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-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: #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: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 #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; } @@ -4992,39 +5159,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; @@ -5137,13 +5326,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; @@ -5153,67 +5342,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.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .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-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-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .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-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; @@ -5225,7 +5429,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5234,7 +5438,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5243,7 +5447,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5252,7 +5456,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5297,7 +5501,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; @@ -5309,7 +5513,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5321,7 +5525,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5333,7 +5537,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5406,7 +5610,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; @@ -5416,7 +5620,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; @@ -5426,7 +5630,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; @@ -5436,7 +5640,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; @@ -5687,7 +5891,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; @@ -5695,19 +5899,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 { @@ -5741,7 +5945,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #64B5F6; + background: #64b5f6; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5759,7 +5963,7 @@ font-size: 1rem; } .p-badge { - background: #64B5F6; + background: #64b5f6; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5768,23 +5972,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 { @@ -5800,7 +6004,7 @@ line-height: 3rem; } .p-tag { - background: #64B5F6; + background: #64b5f6; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5808,37 +6012,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 4591e400a4..ad939bfe35 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 { @@ -3440,10 +3442,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 +3506,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 +3587,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; @@ -3866,20 +3868,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; @@ -4040,7 +4042,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #81C784; + background: #81c784; color: #212529; width: 2rem; height: 2rem; @@ -4196,142 +4198,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; @@ -4340,101 +4368,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 { + .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: #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); @@ -4443,23 +4442,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; @@ -4480,8 +4470,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; @@ -4504,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 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; @@ -4569,39 +4609,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; @@ -4628,89 +4690,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 { @@ -4720,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 #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 { @@ -4785,39 +4897,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; @@ -4866,42 +5000,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); @@ -4917,66 +5055,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-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: #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: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 #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; } @@ -4992,39 +5159,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; @@ -5137,13 +5326,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; @@ -5153,67 +5342,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.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .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-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-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .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-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; @@ -5225,7 +5429,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5234,7 +5438,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5243,7 +5447,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5252,7 +5456,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5297,7 +5501,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; @@ -5309,7 +5513,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5321,7 +5525,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5333,7 +5537,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5406,7 +5610,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; @@ -5416,7 +5620,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; @@ -5426,7 +5630,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; @@ -5436,7 +5640,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; @@ -5687,7 +5891,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; @@ -5695,19 +5899,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 { @@ -5741,7 +5945,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #81C784; + background: #81c784; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5759,7 +5963,7 @@ font-size: 1rem; } .p-badge { - background: #81C784; + background: #81c784; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5768,23 +5972,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 { @@ -5800,7 +6004,7 @@ line-height: 3rem; } .p-tag { - background: #81C784; + background: #81c784; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5808,37 +6012,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 732be58ca6..8003badec7 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 { @@ -3440,10 +3442,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 +3506,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 +3587,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; @@ -3866,20 +3868,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; @@ -4040,7 +4042,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #FFD54F; + background: #ffd54f; color: #212529; width: 2rem; height: 2rem; @@ -4196,142 +4198,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; @@ -4340,101 +4368,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 { + .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: #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); @@ -4443,23 +4442,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; @@ -4480,8 +4470,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; @@ -4504,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 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; @@ -4569,39 +4609,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; @@ -4628,89 +4690,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 { @@ -4720,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 #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 { @@ -4785,39 +4897,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; @@ -4866,42 +5000,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); @@ -4917,66 +5055,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-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: #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: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 #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; } @@ -4992,39 +5159,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; @@ -5137,13 +5326,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; @@ -5153,67 +5342,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.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .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-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-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .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-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; @@ -5225,7 +5429,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5234,7 +5438,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5243,7 +5447,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5252,7 +5456,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5297,7 +5501,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; @@ -5309,7 +5513,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5321,7 +5525,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5333,7 +5537,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5406,7 +5610,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; @@ -5416,7 +5620,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; @@ -5426,7 +5630,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; @@ -5436,7 +5640,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; @@ -5687,7 +5891,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; @@ -5695,19 +5899,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 { @@ -5741,7 +5945,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #FFD54F; + background: #ffd54f; } .p-progressbar .p-progressbar-label { color: #212529; @@ -5759,7 +5963,7 @@ font-size: 1rem; } .p-badge { - background: #FFD54F; + background: #ffd54f; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5768,23 +5972,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 { @@ -5800,7 +6004,7 @@ line-height: 3rem; } .p-tag { - background: #FFD54F; + background: #ffd54f; color: #212529; font-size: 0.75rem; font-weight: 700; @@ -5808,37 +6012,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 b51bc19349..5b21f04372 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 { @@ -3440,10 +3442,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 +3506,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 +3587,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; @@ -3866,20 +3868,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; @@ -4040,7 +4042,7 @@ padding: 1rem; } .p-overlaypanel .p-overlaypanel-close { - background: #BA68C8; + background: #ba68c8; color: #ffffff; width: 2rem; height: 2rem; @@ -4196,142 +4198,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; @@ -4340,101 +4368,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 { + .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: #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); @@ -4443,23 +4442,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; @@ -4480,8 +4470,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; @@ -4504,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 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; @@ -4569,39 +4609,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; @@ -4628,89 +4690,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 { @@ -4720,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 #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 { @@ -4785,39 +4897,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; @@ -4866,42 +5000,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); @@ -4917,66 +5055,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-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: #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: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 #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; } @@ -4992,39 +5159,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; @@ -5137,13 +5326,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; @@ -5153,67 +5342,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.p-menuitem-active > .p-menuitem-link .p-menuitem-text { + .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-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-text { color: rgba(255, 255, 255, 0.87); } - .p-tieredmenu .p-menu-separator { + .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-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; @@ -5225,7 +5429,7 @@ border-radius: 3px; } .p-inline-message.p-inline-message-info { - background: #B3E5FC; + background: #b3e5fc; border: solid #0891cf; border-width: 1px; color: #044868; @@ -5234,7 +5438,7 @@ color: #044868; } .p-inline-message.p-inline-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 1px; color: #224a23; @@ -5243,7 +5447,7 @@ color: #224a23; } .p-inline-message.p-inline-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 1px; color: #6d5100; @@ -5252,7 +5456,7 @@ color: #6d5100; } .p-inline-message.p-inline-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 1px; color: #73000c; @@ -5297,7 +5501,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; @@ -5309,7 +5513,7 @@ color: #044868; } .p-message.p-message-success { - background: #C8E6C9; + background: #c8e6c9; border: solid #439446; border-width: 0 0 0 6px; color: #224a23; @@ -5321,7 +5525,7 @@ color: #224a23; } .p-message.p-message-warn { - background: #FFECB3; + background: #ffecb3; border: solid #d9a300; border-width: 0 0 0 6px; color: #6d5100; @@ -5333,7 +5537,7 @@ color: #6d5100; } .p-message.p-message-error { - background: #FFCDD2; + background: #ffcdd2; border: solid #e60017; border-width: 0 0 0 6px; color: #73000c; @@ -5406,7 +5610,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; @@ -5416,7 +5620,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; @@ -5426,7 +5630,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; @@ -5436,7 +5640,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; @@ -5687,7 +5891,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; @@ -5695,19 +5899,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 { @@ -5741,7 +5945,7 @@ .p-progressbar .p-progressbar-value { border: 0 none; margin: 0; - background: #BA68C8; + background: #ba68c8; } .p-progressbar .p-progressbar-label { color: #ffffff; @@ -5759,7 +5963,7 @@ font-size: 1rem; } .p-badge { - background: #BA68C8; + background: #ba68c8; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5768,23 +5972,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 { @@ -5800,7 +6004,7 @@ line-height: 3rem; } .p-tag { - background: #BA68C8; + background: #ba68c8; color: #ffffff; font-size: 0.75rem; font-weight: 700; @@ -5808,37 +6012,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 bac1ed56ec..2d2b75ed21 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; @@ -4224,142 +4224,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; @@ -4368,101 +4394,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 { + .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 #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); @@ -4471,23 +4468,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; @@ -4508,8 +4496,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; @@ -4532,39 +4548,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; @@ -4597,39 +4635,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; @@ -4656,89 +4716,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 { @@ -4748,25 +4813,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 { @@ -4813,39 +4923,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: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(158, 173, 230, 0.08); + } + .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: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-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(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; @@ -4894,42 +5026,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); @@ -4945,66 +5081,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-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon, + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon { + color: rgba(255, 255, 255, 0.87); + } + .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content { background: rgba(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: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: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 #9eade6; + .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; } @@ -5020,39 +5185,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; @@ -5181,67 +5368,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 5065bd4bf6..e6b661b2f1 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; @@ -3109,7 +3109,7 @@ 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 { @@ -3125,10 +3125,10 @@ 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 +3190,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 +3241,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 +3291,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 +3331,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 +3366,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 +3460,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 +3497,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 +3525,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 +3654,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 +3667,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 +3767,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 +3820,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; @@ -4012,7 +4012,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; @@ -4121,7 +4121,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 { @@ -4224,142 +4224,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; @@ -4368,101 +4394,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; @@ -4471,23 +4468,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; @@ -4501,15 +4489,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; @@ -4532,39 +4548,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; @@ -4597,39 +4635,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; @@ -4656,89 +4716,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 { @@ -4748,25 +4813,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 { @@ -4782,7 +4892,7 @@ } .p-menubar .p-menubar-button:hover { color: #898989; - background: #edf0fA; + background: #edf0fa; } .p-menubar .p-menubar-button:focus { outline: 0 none; @@ -4813,39 +4923,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; @@ -4894,44 +5026,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 { @@ -4945,66 +5081,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: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-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 #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; } @@ -5020,39 +5185,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; @@ -5066,7 +5253,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; @@ -5181,67 +5368,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; @@ -5524,7 +5726,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; @@ -5752,7 +5954,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 {